From 2dabe6551e14b1550d25fd797d54d54fda7adcff Mon Sep 17 00:00:00 2001
From: ota-meshi <ota-meshi@users.noreply.github.com>
Date: Tue, 7 May 2024 07:34:42 +0000
Subject: [PATCH] deploy: 901598d030d4f03a2f0933f47c9729627b3f5f13
---
.nojekyll | 0
404.html | 54 +
animals-icons/africa.png | Bin 0 -> 684 bytes
animals-icons/asia.png | Bin 0 -> 695 bytes
animals-icons/cat.png | Bin 0 -> 831 bytes
animals-icons/cheetah.png | Bin 0 -> 710 bytes
animals-icons/crocodile.png | Bin 0 -> 786 bytes
animals-icons/dog.png | Bin 0 -> 764 bytes
animals-icons/elephant.png | Bin 0 -> 748 bytes
animals-icons/giraffe.png | Bin 0 -> 694 bytes
animals-icons/gorilla.png | Bin 0 -> 648 bytes
animals-icons/horse.png | Bin 0 -> 799 bytes
animals-icons/kangaroo.png | Bin 0 -> 631 bytes
animals-icons/lion.png | Bin 0 -> 620 bytes
animals-icons/monkey.png | Bin 0 -> 827 bytes
animals-icons/penguin.png | Bin 0 -> 741 bytes
animals-icons/rabbit.png | Bin 0 -> 891 bytes
animals-icons/rat.png | Bin 0 -> 744 bytes
animals-icons/reindeer.png | Bin 0 -> 705 bytes
animals-icons/rhinoceros.png | Bin 0 -> 554 bytes
animals-icons/snake.png | Bin 0 -> 783 bytes
animals-icons/squirrel.png | Bin 0 -> 959 bytes
animals-icons/tiger.png | Bin 0 -> 1383 bytes
animals-icons/turtle.png | Bin 0 -> 613 bytes
animals-icons/wolf.png | Bin 0 -> 795 bytes
animals-icons/world.png | Bin 0 -> 730 bytes
assets/app.js | 7 +
assets/images/logo.svg | 4576 +++++++++++++++++
documents/404.html | 26 +
documents/api/index.html | 52 +
.../api/js/advanced_header/column_sort.html | 233 +
.../js/advanced_header/header_actions.html | 174 +
.../api/js/advanced_header/header_styles.html | 56 +
documents/api/js/advanced_header/index.html | 56 +
.../multiline_text_header.html | 83 +
documents/api/js/advanced_layout/index.html | 101 +
documents/api/js/cell_message.html | 285 +
.../api/js/column_actions/ButtonAction.html | 124 +
.../api/js/column_actions/CheckEditor.html | 256 +
documents/api/js/column_actions/Classes.html | 56 +
.../js/column_actions/InlineInputEditor.html | 161 +
.../js/column_actions/InlineMenuEditor.html | 162 +
.../api/js/column_actions/RadioEditor.html | 164 +
.../SmallDialogInputEditor.html | 209 +
documents/api/js/column_actions/index.html | 97 +
.../column_actions/standard-properties.html | 106 +
documents/api/js/column_icon.html | 309 ++
documents/api/js/column_styles/index.html | 296 ++
.../api/js/column_styles/indicators.html | 223 +
.../js/column_types/BranchGraphColumn.html | 229 +
.../api/js/column_types/ButtonColumn.html | 97 +
.../api/js/column_types/CheckColumn.html | 107 +
documents/api/js/column_types/Classes.html | 56 +
documents/api/js/column_types/IconColumn.html | 97 +
.../api/js/column_types/ImageColumn.html | 125 +
documents/api/js/column_types/MenuColumn.html | 116 +
.../js/column_types/MultilineTextColumn.html | 289 ++
.../api/js/column_types/NumberColumn.html | 124 +
.../PercentCompleteBarColumn.html | 132 +
.../api/js/column_types/RadioColumn.html | 109 +
documents/api/js/column_types/index.html | 112 +
documents/api/js/column_width.html | 94 +
documents/api/js/events.html | 159 +
.../api/js/grid_data/FilterDataSource.html | 217 +
documents/api/js/grid_data/index.html | 165 +
.../api/js/grid_data/using_promises.html | 188 +
documents/api/js/headers_columns.html | 168 +
documents/api/js/index.html | 56 +
documents/api/js/options/allowRangePaste.html | 351 ++
documents/api/js/options/index.html | 56 +
documents/api/js/options/keyboardOptions.html | 55 +
documents/api/js/selection.html | 103 +
documents/api/js/theme.html | 172 +
documents/api/vue/advanced_layout/index.html | 129 +
documents/api/vue/components/CGrid.html | 202 +
.../components/CGridBranchGraphColumn.html | 126 +
.../api/vue/components/CGridButtonColumn.html | 98 +
.../api/vue/components/CGridCheckColumn.html | 96 +
documents/api/vue/components/CGridColumn.html | 97 +
.../api/vue/components/CGridColumnGroup.html | 93 +
documents/api/vue/components/CGridHeader.html | 110 +
.../api/vue/components/CGridIconColumn.html | 56 +
.../api/vue/components/CGridInputColumn.html | 56 +
.../api/vue/components/CGridLayoutRow.html | 110 +
.../api/vue/components/CGridLinkColumn.html | 56 +
.../api/vue/components/CGridMenuColumn.html | 56 +
.../CGridPercentCompleteBarColumn.html | 56 +
.../api/vue/components/CGridRadioColumn.html | 96 +
documents/api/vue/components/index.html | 56 +
documents/api/vue/headers_columns.html | 163 +
documents/api/vue/index.html | 112 +
documents/assets/css/0.styles.329e4ed0.css | 1 +
documents/assets/img/search.83621669.svg | 1 +
documents/assets/js/10.63120c1f.js | 1 +
documents/assets/js/11.e47cbaf6.js | 1 +
documents/assets/js/12.3d860b21.js | 1 +
documents/assets/js/13.09b535d9.js | 1 +
documents/assets/js/14.1d303117.js | 1 +
documents/assets/js/15.70cd490e.js | 1 +
documents/assets/js/16.05f7d668.js | 1 +
documents/assets/js/17.1ceaa8f2.js | 1 +
documents/assets/js/18.aff995b8.js | 1 +
documents/assets/js/19.3dc37665.js | 1 +
documents/assets/js/2.0e3e922d.js | 1 +
documents/assets/js/20.8d38d090.js | 1 +
documents/assets/js/21.afc557c6.js | 1 +
documents/assets/js/22.76526d42.js | 1 +
documents/assets/js/23.42fe46b8.js | 1 +
documents/assets/js/24.ff30c5af.js | 1 +
documents/assets/js/25.73e5a109.js | 1 +
documents/assets/js/26.f60ff9fd.js | 1 +
documents/assets/js/27.db27917f.js | 1 +
documents/assets/js/28.6d1170de.js | 1 +
documents/assets/js/29.57bf8bfc.js | 1 +
documents/assets/js/3.502706f9.js | 1 +
documents/assets/js/30.da07b6b8.js | 1 +
documents/assets/js/31.db577bdf.js | 1 +
documents/assets/js/32.3c56269e.js | 1 +
documents/assets/js/33.0c16ee24.js | 1 +
documents/assets/js/34.dfb18825.js | 1 +
documents/assets/js/35.ac1751c7.js | 1 +
documents/assets/js/36.1e2577ce.js | 1 +
documents/assets/js/37.b761e1d3.js | 1 +
documents/assets/js/38.2da2d977.js | 1 +
documents/assets/js/39.8873f70f.js | 1 +
documents/assets/js/4.c7ed5d0d.js | 1 +
documents/assets/js/40.bd79e063.js | 1 +
documents/assets/js/41.556f1a23.js | 1 +
documents/assets/js/42.4326099e.js | 1 +
documents/assets/js/43.6c747350.js | 1 +
documents/assets/js/44.6f0ff086.js | 1 +
documents/assets/js/45.5be77374.js | 1 +
documents/assets/js/46.a930d057.js | 1 +
documents/assets/js/47.ab256928.js | 1 +
documents/assets/js/48.6f1843d8.js | 1 +
documents/assets/js/49.c48ade93.js | 1 +
documents/assets/js/5.4c5a3b22.js | 1 +
documents/assets/js/50.676259e4.js | 1 +
documents/assets/js/51.a584af06.js | 1 +
documents/assets/js/52.aac08140.js | 1 +
documents/assets/js/53.6b347f4f.js | 1 +
documents/assets/js/54.397b1599.js | 1 +
documents/assets/js/55.da2aee49.js | 1 +
documents/assets/js/56.9113003f.js | 1 +
documents/assets/js/57.d2704f70.js | 1 +
documents/assets/js/58.0016a6bc.js | 1 +
documents/assets/js/59.a7bc6277.js | 1 +
documents/assets/js/6.6042c4d2.js | 1 +
documents/assets/js/60.410cf1d2.js | 1 +
documents/assets/js/61.1699ff8f.js | 1 +
documents/assets/js/62.1fe9658c.js | 1 +
documents/assets/js/63.6f1746dd.js | 1 +
documents/assets/js/64.d2e835d4.js | 1 +
documents/assets/js/65.97a9845e.js | 1 +
documents/assets/js/66.99a7ab4d.js | 1 +
documents/assets/js/67.8c0a57b8.js | 1 +
documents/assets/js/68.4561aa8f.js | 1 +
documents/assets/js/69.08a52398.js | 1 +
documents/assets/js/7.cb2971be.js | 1 +
documents/assets/js/70.d39ea089.js | 1 +
documents/assets/js/71.afd1b46c.js | 1 +
documents/assets/js/72.a025cd52.js | 1 +
documents/assets/js/73.a2eae337.js | 1 +
documents/assets/js/74.5cce4b03.js | 1 +
documents/assets/js/75.42345654.js | 1 +
documents/assets/js/76.c8e5fc18.js | 1 +
documents/assets/js/77.d8b02770.js | 1 +
documents/assets/js/78.b892c180.js | 1 +
documents/assets/js/79.6273fdff.js | 1 +
documents/assets/js/8.e15bfd1b.js | 1 +
documents/assets/js/80.0ee6c1d0.js | 1 +
documents/assets/js/9.d79e6b88.js | 1 +
documents/assets/js/app.0957b732.js | 3 +
documents/faq/auto_paging.html | 138 +
documents/faq/header_check.html | 163 +
documents/faq/index.html | 52 +
documents/faq/jump.html | 101 +
documents/faq/select_row_color.html | 243 +
documents/icon_512x512.ico | Bin 0 -> 370070 bytes
documents/icon_512x512.svg | 980 ++++
documents/index.html | 56 +
.../getting-started-with-react.html | 53 +
.../getting-started-with-vue.html | 120 +
documents/introduction/getting-started.html | 90 +
documents/introduction/index.html | 223 +
documents/logo.png | Bin 0 -> 266263 bytes
documents/logo.svg | 4576 +++++++++++++++++
documents/tsdoc/.nojekyll | 1 +
documents/tsdoc/assets/highlight.css | 120 +
documents/tsdoc/assets/icons.css | 1043 ++++
documents/tsdoc/assets/icons.png | Bin 0 -> 9615 bytes
documents/tsdoc/assets/icons@2x.png | Bin 0 -> 28144 bytes
documents/tsdoc/assets/main.js | 52 +
documents/tsdoc/assets/search.js | 1 +
documents/tsdoc/assets/style.css | 1388 +++++
documents/tsdoc/assets/widgets.png | Bin 0 -> 480 bytes
documents/tsdoc/assets/widgets@2x.png | Bin 0 -> 855 bytes
documents/tsdoc/classes/ListGrid.html | 350 ++
documents/tsdoc/classes/core.DrawGrid.html | 204 +
.../tsdoc/classes/data.CachedDataSource.html | 23 +
documents/tsdoc/classes/data.DataSource.html | 23 +
.../tsdoc/classes/data.FilterDataSource.html | 23 +
documents/tsdoc/index.html | 237 +
documents/tsdoc/interfaces/ColumnDefine.html | 4 +
.../tsdoc/interfaces/GroupHeaderDefine.html | 4 +
documents/tsdoc/interfaces/HeaderDefine.html | 4 +
.../ListGridConstructorOptions.html | 31 +
.../tsdoc/interfaces/TYPES.ActionOption.html | 1 +
.../interfaces/TYPES.BaseActionOption.html | 1 +
.../interfaces/TYPES.BaseColumnOption.html | 1 +
.../interfaces/TYPES.BaseStyleOption.html | 1 +
.../TYPES.BranchGraphColumnOption.html | 1 +
.../TYPES.BranchGraphStyleOption.html | 1 +
.../interfaces/TYPES.ButtonColumnOption.html | 1 +
.../interfaces/TYPES.ButtonStyleOption.html | 1 +
.../tsdoc/interfaces/TYPES.CellAddress.html | 1 +
.../tsdoc/interfaces/TYPES.CellContext.html | 1 +
.../tsdoc/interfaces/TYPES.CellRange.html | 1 +
.../TYPES.CheckHeaderStyleOption.html | 1 +
.../interfaces/TYPES.CheckStyleOption.html | 1 +
.../interfaces/TYPES.ColumnActionAPI.html | 1 +
.../TYPES.ColumnMenuItemObjectOptions.html | 1 +
.../TYPES.ColumnMenuItemOption.html | 1 +
.../tsdoc/interfaces/TYPES.ColumnStyle.html | 1 +
.../tsdoc/interfaces/TYPES.ColumnTypeAPI.html | 1 +
.../tsdoc/interfaces/TYPES.DataSourceAPI.html | 1 +
.../tsdoc/interfaces/TYPES.DrawGridAPI.html | 1 +
.../TYPES.DrawGridEventHandlersEventMap.html | 1 +
.../TYPES.DrawGridEventHandlersReturnMap.html | 1 +
.../TYPES.DrawGridKeyboardOptions.html | 1 +
.../tsdoc/interfaces/TYPES.EditorOption.html | 1 +
.../tsdoc/interfaces/TYPES.FieldAssessor.html | 1 +
.../tsdoc/interfaces/TYPES.FontIcon.html | 1 +
.../interfaces/TYPES.GridCanvasHelperAPI.html | 1 +
.../TYPES.HeaderStdStyleOption.html | 1 +
.../interfaces/TYPES.IconColumnOption.html | 1 +
.../tsdoc/interfaces/TYPES.IconDefine.html | 1 +
.../tsdoc/interfaces/TYPES.ImageIcon.html | 1 +
.../interfaces/TYPES.ImageStyleOption.html | 1 +
.../tsdoc/interfaces/TYPES.InlineAPI.html | 1 +
.../TYPES.InlineInputEditorOption.html | 1 +
.../TYPES.InlineMenuEditorOption.html | 1 +
.../tsdoc/interfaces/TYPES.ListGridAPI.html | 1 +
.../TYPES.ListGridEventHandlersEventMap.html | 1 +
.../TYPES.ListGridEventHandlersReturnMap.html | 1 +
.../interfaces/TYPES.MenuColumnOption.html | 1 +
.../interfaces/TYPES.MenuStyleOption.html | 1 +
.../tsdoc/interfaces/TYPES.MessageObject.html | 1 +
.../TYPES.MultilineTextStyleOption.html | 1 +
.../tsdoc/interfaces/TYPES.NamedIcon.html | 1 +
.../interfaces/TYPES.NumberColumnOption.html | 1 +
.../TYPES.OldSimpleColumnMenuItemOption.html | 1 +
.../interfaces/TYPES.PasteRangeBoxValues.html | 1 +
.../tsdoc/interfaces/TYPES.PathIcon.html | 1 +
.../TYPES.PercentCompleteBarColumnOption.html | 1 +
.../TYPES.PercentCompleteBarStyleOption.html | 1 +
.../interfaces/TYPES.RadioEditorOption.html | 2 +
.../interfaces/TYPES.RadioStyleOption.html | 1 +
.../tsdoc/interfaces/TYPES.RectProps.html | 1 +
.../tsdoc/interfaces/TYPES.Selection.html | 1 +
.../TYPES.SimpleColumnMenuItemOption.html | 1 +
.../TYPES.SmallDialogInputEditorOption.html | 1 +
.../TYPES.SortHeaderActionOption.html | 1 +
.../TYPES.SortHeaderStyleOption.html | 1 +
.../tsdoc/interfaces/TYPES.SortState.html | 1 +
.../interfaces/TYPES.StdBaseStyleOption.html | 1 +
...TYPES.StdMultilineTextBaseStyleOption.html | 1 +
.../TYPES.StdTextBaseStyleOption.html | 1 +
.../TYPES.StylePropertyFunctionArg.html | 1 +
documents/tsdoc/interfaces/TYPES.SvgIcon.html | 1 +
.../tsdoc/interfaces/TYPES.ThemeDefine.html | 1 +
.../interfaces/data.DataSourceParam.html | 5 +
documents/tsdoc/modules.html | 4 +
documents/tsdoc/modules/TYPES.html | 4 +
documents/tsdoc/modules/columns.html | 4 +
documents/tsdoc/modules/core.html | 8 +
documents/tsdoc/modules/data.html | 4 +
documents/tsdoc/modules/headers.html | 4 +
documents/tsdoc/modules/tools.html | 4 +
icon_512x512.ico | Bin 0 -> 370070 bytes
icon_512x512.svg | 980 ++++
index.html | 61 +
logo.png | Bin 0 -> 266263 bytes
logo.svg | 4576 +++++++++++++++++
284 files changed, 29117 insertions(+)
create mode 100644 .nojekyll
create mode 100644 404.html
create mode 100644 animals-icons/africa.png
create mode 100644 animals-icons/asia.png
create mode 100644 animals-icons/cat.png
create mode 100644 animals-icons/cheetah.png
create mode 100644 animals-icons/crocodile.png
create mode 100644 animals-icons/dog.png
create mode 100644 animals-icons/elephant.png
create mode 100644 animals-icons/giraffe.png
create mode 100644 animals-icons/gorilla.png
create mode 100644 animals-icons/horse.png
create mode 100644 animals-icons/kangaroo.png
create mode 100644 animals-icons/lion.png
create mode 100644 animals-icons/monkey.png
create mode 100644 animals-icons/penguin.png
create mode 100644 animals-icons/rabbit.png
create mode 100644 animals-icons/rat.png
create mode 100644 animals-icons/reindeer.png
create mode 100644 animals-icons/rhinoceros.png
create mode 100644 animals-icons/snake.png
create mode 100644 animals-icons/squirrel.png
create mode 100644 animals-icons/tiger.png
create mode 100644 animals-icons/turtle.png
create mode 100644 animals-icons/wolf.png
create mode 100644 animals-icons/world.png
create mode 100644 assets/app.js
create mode 100644 assets/images/logo.svg
create mode 100644 documents/404.html
create mode 100644 documents/api/index.html
create mode 100644 documents/api/js/advanced_header/column_sort.html
create mode 100644 documents/api/js/advanced_header/header_actions.html
create mode 100644 documents/api/js/advanced_header/header_styles.html
create mode 100644 documents/api/js/advanced_header/index.html
create mode 100644 documents/api/js/advanced_header/multiline_text_header.html
create mode 100644 documents/api/js/advanced_layout/index.html
create mode 100644 documents/api/js/cell_message.html
create mode 100644 documents/api/js/column_actions/ButtonAction.html
create mode 100644 documents/api/js/column_actions/CheckEditor.html
create mode 100644 documents/api/js/column_actions/Classes.html
create mode 100644 documents/api/js/column_actions/InlineInputEditor.html
create mode 100644 documents/api/js/column_actions/InlineMenuEditor.html
create mode 100644 documents/api/js/column_actions/RadioEditor.html
create mode 100644 documents/api/js/column_actions/SmallDialogInputEditor.html
create mode 100644 documents/api/js/column_actions/index.html
create mode 100644 documents/api/js/column_actions/standard-properties.html
create mode 100644 documents/api/js/column_icon.html
create mode 100644 documents/api/js/column_styles/index.html
create mode 100644 documents/api/js/column_styles/indicators.html
create mode 100644 documents/api/js/column_types/BranchGraphColumn.html
create mode 100644 documents/api/js/column_types/ButtonColumn.html
create mode 100644 documents/api/js/column_types/CheckColumn.html
create mode 100644 documents/api/js/column_types/Classes.html
create mode 100644 documents/api/js/column_types/IconColumn.html
create mode 100644 documents/api/js/column_types/ImageColumn.html
create mode 100644 documents/api/js/column_types/MenuColumn.html
create mode 100644 documents/api/js/column_types/MultilineTextColumn.html
create mode 100644 documents/api/js/column_types/NumberColumn.html
create mode 100644 documents/api/js/column_types/PercentCompleteBarColumn.html
create mode 100644 documents/api/js/column_types/RadioColumn.html
create mode 100644 documents/api/js/column_types/index.html
create mode 100644 documents/api/js/column_width.html
create mode 100644 documents/api/js/events.html
create mode 100644 documents/api/js/grid_data/FilterDataSource.html
create mode 100644 documents/api/js/grid_data/index.html
create mode 100644 documents/api/js/grid_data/using_promises.html
create mode 100644 documents/api/js/headers_columns.html
create mode 100644 documents/api/js/index.html
create mode 100644 documents/api/js/options/allowRangePaste.html
create mode 100644 documents/api/js/options/index.html
create mode 100644 documents/api/js/options/keyboardOptions.html
create mode 100644 documents/api/js/selection.html
create mode 100644 documents/api/js/theme.html
create mode 100644 documents/api/vue/advanced_layout/index.html
create mode 100644 documents/api/vue/components/CGrid.html
create mode 100644 documents/api/vue/components/CGridBranchGraphColumn.html
create mode 100644 documents/api/vue/components/CGridButtonColumn.html
create mode 100644 documents/api/vue/components/CGridCheckColumn.html
create mode 100644 documents/api/vue/components/CGridColumn.html
create mode 100644 documents/api/vue/components/CGridColumnGroup.html
create mode 100644 documents/api/vue/components/CGridHeader.html
create mode 100644 documents/api/vue/components/CGridIconColumn.html
create mode 100644 documents/api/vue/components/CGridInputColumn.html
create mode 100644 documents/api/vue/components/CGridLayoutRow.html
create mode 100644 documents/api/vue/components/CGridLinkColumn.html
create mode 100644 documents/api/vue/components/CGridMenuColumn.html
create mode 100644 documents/api/vue/components/CGridPercentCompleteBarColumn.html
create mode 100644 documents/api/vue/components/CGridRadioColumn.html
create mode 100644 documents/api/vue/components/index.html
create mode 100644 documents/api/vue/headers_columns.html
create mode 100644 documents/api/vue/index.html
create mode 100644 documents/assets/css/0.styles.329e4ed0.css
create mode 100644 documents/assets/img/search.83621669.svg
create mode 100644 documents/assets/js/10.63120c1f.js
create mode 100644 documents/assets/js/11.e47cbaf6.js
create mode 100644 documents/assets/js/12.3d860b21.js
create mode 100644 documents/assets/js/13.09b535d9.js
create mode 100644 documents/assets/js/14.1d303117.js
create mode 100644 documents/assets/js/15.70cd490e.js
create mode 100644 documents/assets/js/16.05f7d668.js
create mode 100644 documents/assets/js/17.1ceaa8f2.js
create mode 100644 documents/assets/js/18.aff995b8.js
create mode 100644 documents/assets/js/19.3dc37665.js
create mode 100644 documents/assets/js/2.0e3e922d.js
create mode 100644 documents/assets/js/20.8d38d090.js
create mode 100644 documents/assets/js/21.afc557c6.js
create mode 100644 documents/assets/js/22.76526d42.js
create mode 100644 documents/assets/js/23.42fe46b8.js
create mode 100644 documents/assets/js/24.ff30c5af.js
create mode 100644 documents/assets/js/25.73e5a109.js
create mode 100644 documents/assets/js/26.f60ff9fd.js
create mode 100644 documents/assets/js/27.db27917f.js
create mode 100644 documents/assets/js/28.6d1170de.js
create mode 100644 documents/assets/js/29.57bf8bfc.js
create mode 100644 documents/assets/js/3.502706f9.js
create mode 100644 documents/assets/js/30.da07b6b8.js
create mode 100644 documents/assets/js/31.db577bdf.js
create mode 100644 documents/assets/js/32.3c56269e.js
create mode 100644 documents/assets/js/33.0c16ee24.js
create mode 100644 documents/assets/js/34.dfb18825.js
create mode 100644 documents/assets/js/35.ac1751c7.js
create mode 100644 documents/assets/js/36.1e2577ce.js
create mode 100644 documents/assets/js/37.b761e1d3.js
create mode 100644 documents/assets/js/38.2da2d977.js
create mode 100644 documents/assets/js/39.8873f70f.js
create mode 100644 documents/assets/js/4.c7ed5d0d.js
create mode 100644 documents/assets/js/40.bd79e063.js
create mode 100644 documents/assets/js/41.556f1a23.js
create mode 100644 documents/assets/js/42.4326099e.js
create mode 100644 documents/assets/js/43.6c747350.js
create mode 100644 documents/assets/js/44.6f0ff086.js
create mode 100644 documents/assets/js/45.5be77374.js
create mode 100644 documents/assets/js/46.a930d057.js
create mode 100644 documents/assets/js/47.ab256928.js
create mode 100644 documents/assets/js/48.6f1843d8.js
create mode 100644 documents/assets/js/49.c48ade93.js
create mode 100644 documents/assets/js/5.4c5a3b22.js
create mode 100644 documents/assets/js/50.676259e4.js
create mode 100644 documents/assets/js/51.a584af06.js
create mode 100644 documents/assets/js/52.aac08140.js
create mode 100644 documents/assets/js/53.6b347f4f.js
create mode 100644 documents/assets/js/54.397b1599.js
create mode 100644 documents/assets/js/55.da2aee49.js
create mode 100644 documents/assets/js/56.9113003f.js
create mode 100644 documents/assets/js/57.d2704f70.js
create mode 100644 documents/assets/js/58.0016a6bc.js
create mode 100644 documents/assets/js/59.a7bc6277.js
create mode 100644 documents/assets/js/6.6042c4d2.js
create mode 100644 documents/assets/js/60.410cf1d2.js
create mode 100644 documents/assets/js/61.1699ff8f.js
create mode 100644 documents/assets/js/62.1fe9658c.js
create mode 100644 documents/assets/js/63.6f1746dd.js
create mode 100644 documents/assets/js/64.d2e835d4.js
create mode 100644 documents/assets/js/65.97a9845e.js
create mode 100644 documents/assets/js/66.99a7ab4d.js
create mode 100644 documents/assets/js/67.8c0a57b8.js
create mode 100644 documents/assets/js/68.4561aa8f.js
create mode 100644 documents/assets/js/69.08a52398.js
create mode 100644 documents/assets/js/7.cb2971be.js
create mode 100644 documents/assets/js/70.d39ea089.js
create mode 100644 documents/assets/js/71.afd1b46c.js
create mode 100644 documents/assets/js/72.a025cd52.js
create mode 100644 documents/assets/js/73.a2eae337.js
create mode 100644 documents/assets/js/74.5cce4b03.js
create mode 100644 documents/assets/js/75.42345654.js
create mode 100644 documents/assets/js/76.c8e5fc18.js
create mode 100644 documents/assets/js/77.d8b02770.js
create mode 100644 documents/assets/js/78.b892c180.js
create mode 100644 documents/assets/js/79.6273fdff.js
create mode 100644 documents/assets/js/8.e15bfd1b.js
create mode 100644 documents/assets/js/80.0ee6c1d0.js
create mode 100644 documents/assets/js/9.d79e6b88.js
create mode 100644 documents/assets/js/app.0957b732.js
create mode 100644 documents/faq/auto_paging.html
create mode 100644 documents/faq/header_check.html
create mode 100644 documents/faq/index.html
create mode 100644 documents/faq/jump.html
create mode 100644 documents/faq/select_row_color.html
create mode 100644 documents/icon_512x512.ico
create mode 100644 documents/icon_512x512.svg
create mode 100644 documents/index.html
create mode 100644 documents/introduction/getting-started-with-react.html
create mode 100644 documents/introduction/getting-started-with-vue.html
create mode 100644 documents/introduction/getting-started.html
create mode 100644 documents/introduction/index.html
create mode 100644 documents/logo.png
create mode 100644 documents/logo.svg
create mode 100644 documents/tsdoc/.nojekyll
create mode 100644 documents/tsdoc/assets/highlight.css
create mode 100644 documents/tsdoc/assets/icons.css
create mode 100644 documents/tsdoc/assets/icons.png
create mode 100644 documents/tsdoc/assets/icons@2x.png
create mode 100644 documents/tsdoc/assets/main.js
create mode 100644 documents/tsdoc/assets/search.js
create mode 100644 documents/tsdoc/assets/style.css
create mode 100644 documents/tsdoc/assets/widgets.png
create mode 100644 documents/tsdoc/assets/widgets@2x.png
create mode 100644 documents/tsdoc/classes/ListGrid.html
create mode 100644 documents/tsdoc/classes/core.DrawGrid.html
create mode 100644 documents/tsdoc/classes/data.CachedDataSource.html
create mode 100644 documents/tsdoc/classes/data.DataSource.html
create mode 100644 documents/tsdoc/classes/data.FilterDataSource.html
create mode 100644 documents/tsdoc/index.html
create mode 100644 documents/tsdoc/interfaces/ColumnDefine.html
create mode 100644 documents/tsdoc/interfaces/GroupHeaderDefine.html
create mode 100644 documents/tsdoc/interfaces/HeaderDefine.html
create mode 100644 documents/tsdoc/interfaces/ListGridConstructorOptions.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ActionOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.BaseActionOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.BaseColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.BaseStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.CellAddress.html
create mode 100644 documents/tsdoc/interfaces/TYPES.CellContext.html
create mode 100644 documents/tsdoc/interfaces/TYPES.CellRange.html
create mode 100644 documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.CheckStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ColumnStyle.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.DataSourceAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.DrawGridAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html
create mode 100644 documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html
create mode 100644 documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html
create mode 100644 documents/tsdoc/interfaces/TYPES.EditorOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.FieldAssessor.html
create mode 100644 documents/tsdoc/interfaces/TYPES.FontIcon.html
create mode 100644 documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.IconColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.IconDefine.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ImageIcon.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ImageStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.InlineAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ListGridAPI.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html
create mode 100644 documents/tsdoc/interfaces/TYPES.MenuColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.MenuStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.MessageObject.html
create mode 100644 documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.NamedIcon.html
create mode 100644 documents/tsdoc/interfaces/TYPES.NumberColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html
create mode 100644 documents/tsdoc/interfaces/TYPES.PathIcon.html
create mode 100644 documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.RadioEditorOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.RadioStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.RectProps.html
create mode 100644 documents/tsdoc/interfaces/TYPES.Selection.html
create mode 100644 documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.SortState.html
create mode 100644 documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html
create mode 100644 documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html
create mode 100644 documents/tsdoc/interfaces/TYPES.SvgIcon.html
create mode 100644 documents/tsdoc/interfaces/TYPES.ThemeDefine.html
create mode 100644 documents/tsdoc/interfaces/data.DataSourceParam.html
create mode 100644 documents/tsdoc/modules.html
create mode 100644 documents/tsdoc/modules/TYPES.html
create mode 100644 documents/tsdoc/modules/columns.html
create mode 100644 documents/tsdoc/modules/core.html
create mode 100644 documents/tsdoc/modules/data.html
create mode 100644 documents/tsdoc/modules/headers.html
create mode 100644 documents/tsdoc/modules/tools.html
create mode 100644 icon_512x512.ico
create mode 100644 icon_512x512.svg
create mode 100644 index.html
create mode 100644 logo.png
create mode 100644 logo.svg
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 000000000..e69de29bb
diff --git a/404.html b/404.html
new file mode 100644
index 000000000..873a6ad07
--- /dev/null
+++ b/404.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="description" content="Cheetah Grid">
+ <title>Cheetah Grid</title>
+ <meta name="theme-color" content="#ff9933">
+ <link rel="shortcut icon" type="image/svg+xml" href="./icon_512x512.svg">
+ <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <style type="text/css">
+ body {
+ /* background-color: #ff9933;
+ background-color: #ff99336b; */
+ font-family: Roboto;
+ }
+ body * {
+ font-family: Roboto;
+ }
+ .content {
+ max-width: 740px;
+ margin: 0 auto;
+ padding: 2rem 2.5rem;
+ }
+ blockquote {
+ font-size: 1.2rem;
+ color: #999;
+ border-left: .25rem solid #ff9933;
+ margin-left: 0;
+ padding-left: 1rem;
+ }
+ a {
+ font-weight: 500;
+ text-decoration: none;
+ color: #ff9933;
+ }
+ a:hover {
+ text-decoration: underline #ff9933;
+ }
+ </style>
+</head>
+<body>
+ <div class="content">
+ <h1>404</h1>
+ <blockquote>Looks like we've got some broken links.</blockquote>
+ <div>
+ Do you want to know <a href="/cheetah-grid">the trick</a> to draw grids fast?
+ <br>
+ <a href="/cheetah-grid">Take me home.</a>
+ </div>
+</body>
+</html>
diff --git a/animals-icons/africa.png b/animals-icons/africa.png
new file mode 100644
index 0000000000000000000000000000000000000000..fab7e31d083d1ca3f8829f11f2538652465f9448
GIT binary patch
literal 684
zcmV;d0#p5oP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007WNkl<ZSVz5A
z&6U$Y43?Z@4(xUiDj-y_=9b8Lk8A~m3V;gObg)#gp#rk+#Y%3N3N{^VsDN<D94(&w
zW_aF>f5wx5E<RW@`sN$ylLn!|;yAwO_xo=}WB>p|M7#iiIM4Iz^?JQ*TI>4{s~m}F
zhKTPpSk-?KdC$xX-yltXM*wW_yOz!O0I)^G`D(SwbPWJp<#|5eY&JV08X9AES(d3^
zqa6WAlH?ZvDAm5^f*h?8k$YyIdNH7=0pJc1^?MdO91fRlEc|7Fh#nD9lkIFKB1>kz
zZe@UoZV>VF*&>%VYO9!nfq;AW#wsE^W`0?>pa4Kb86sYJ@7mF^sciojfLazDfIT9<
z=y<SB?sW-S02q(Q(<q9*b=on&Sw!Z{d}FVD$jsYv8LIrYDPTa@r%RLx?JEHAlbPcu
zN|+>x>bv%Ue{L=@t9n6Zqw81YRmEv3BAO?QbL5JM=;;g5tL%nN$Dd3lv50&RrAUKE
zQ8d#g76jmwgso~$of)uAONFab*^0<-W6a=rbLtGhmQbgP(cn=OO&#s!>k9&4M>U-r
zd~Khm>1CC35CGf2wgB+T7lDYpR^fT>9}IwqZV~Z=F8~1el&0zJIRQL$nV!lrY%6J?
zfPxqZ$N@cg!GP5f?K}5rn$Cg%j7FnDuh)C@p<hIP7-Occ{E{RQUFRmHAOJQAz4`_s
zzH#MOX3h<)!2o<ExeP!>3=toc743vUQe39p(OGvDs{6*6VOjl%NE_S2J?(-Su!`6?
zOZq(FP6bda$s+QFnLoBA>PY|^lJTpSSX=OubHHAM&UkuKmD%Fa>gGNl0Dl08PD?Pn
S!!8a00000<MNUMnLSTYfOgHWT
literal 0
HcmV?d00001
diff --git a/animals-icons/asia.png b/animals-icons/asia.png
new file mode 100644
index 0000000000000000000000000000000000000000..92e6a837fc7d55d1a7b456c5e06e10fd97411487
GIT binary patch
literal 695
zcmV;o0!aOdP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007hNkl<ZSV!%a
zPj1>k7{&dWl>xQ6LDLh|oS@DQ#z>_nNP2>#CkQ=3+8fXlG+8jPK_w>$=?Rh>qzh()
zm=`_QMvh}+jA})yY6;26p80-$^S(dgyznJ29N+o(0hCfFB62~c0esV157VmGu7FZ%
zE+X%fpzHPe?Q}Z5Oa9jm5QZVrUkqSmt^Gm>rIcSAK)2gHbY1scL{9RI4uC31AwU?0
z#{hU<55}0I`F#FRC1d*ieqgQTdS66d7eHJ+1Bhh#W11jYL|S7^rz%7c1P9G#^CC|L
z0KXX{4`3)F=b3Z6*IFO$sz90iaYih()}1_nuOf1q6Kw7{&SE?sf8GWXD|k}|3*eL1
zdL)#|^SpOlK&gsMlRA!twf18=m6B&WemSK-WAG?uHciUN)4rf0@s9>2ykD^XHg-LI
z6=<!wF1jRJD0T&?@ZRlmxePqd3ji##$`PRG%qzqwewF3d7&B}(o2S;=@6Q0@RH5@J
zPvnJ~u1JY&DsQr&*Xs>j*ZomPZ~*tl7(cI$L;!SeqtRgM9Ml28Y6{>eZN7~OdBd^^
z;Ac(2qit!xypp~-0-DiroPmhEsS5<amDYNY-v3D@q#;|a7AsyYW{d}tvqAtqh_m7{
zJw(J3UW*7@=<&V^0qA6XP}q(M(r&kX0KT>MZZer%CWdugms3uqqhcoHHMG435~bA5
zma>~GP@eozDXuE#uH7!ZFMw-f%%HFi>;XZKd`Q+&-l8KZ`tm1rpejJzcG*rjR79?3
zB^43gvm>%Qa`+tOwe780Pz8oY&B{u+)oS%>Hk<w0Wv|K}DBDyi#Z(<814r5We;uGK
dVD|ZcfJY2ZMws*T!VCZa002ovPDHLkV1k%bJ1_tM
literal 0
HcmV?d00001
diff --git a/animals-icons/cat.png b/animals-icons/cat.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfaf371acda590d5fba4b38cb6c4148f49ee0d50
GIT binary patch
literal 831
zcmV-F1Hk-=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800099Nkl<ZSVz5A
zOHLa>5Um=s0AUHp1p>+eFek`lhkB5b8^q)SzzHBH2%I30brwWo3Rc0KAaH_k1Du7C
zH+DsD)IDjB+cV=2>5U~%clE2^tJh2~yo@njRc&8iUtfl<;+MSN7}H|rU#j|9L{9!Y
zfH;oVS65e`W&!~8M06k``yu4kyTde1+htKqlH^`h*F<D%st6=Wa!5p9RQ0?F!d`w0
zgK3&>lmXb=+ly88He?6qCf0y4ro+r{u}M`?K=<w<W(K(R%mDMdtE;O{MHJ47=pzvw
zrD=NV?+pTQxvNv4s(L0O093k+F_&<t*XwO{I-PFrOz2dSBo1+vU3~8j27{fOo14cv
zsVGKlECRc`yPJ(h<9D5#y*(FI#pr6G62O$+=NS6^{`T_n@;4&dwts?vI#Cpzp+=nD
zUaz-Nnt~)rbV~2D?dWx8{@?+~&7g?!EmSWfDR5z$5x^Zfg_#c~obMJ3aI6hc{mo{x
zH5?9OW<IV91mRy=T3Tx~8lRYXA~A(pHrR&77#MMez~^fLFb}GlwNn&DCm@?Dz^ZyD
zB5@@T_!}%Iv{e=P1@Szp>USb~W621Vy~)h@tz2oEjyOHlG_)=Hm54^XsJzwNP}zoM
z#%AP*5tDNPfF%fw2{lnG5Q_ki52;!=7B(#cz-dXZS7KTOfHpIu5NBG80FddtirbI+
z{r=CDm6cb+;Se;O^N6bMh{!)}F^d~z^TO#rW6TLsrK%Tx%I4w$2i8|hMF-rpvjC0}
za>tUY`bR`ECFRysMC1Vo7NV;D5Rr^AjWOAt0)XkMIFuqMSOed3&F7+oh(MZSZ{;|y
zTMvb?{opi!U*Q0N8S(u5-0}eIiwNZ2d?~<bSBRK!PCX9>gDs~GEr5|pS?mDVnW+XW
z0JIY1*M*hbcq8QYEM=nw&+WTltN`Z%U}g4uE5$PL;sZd0@QsKbL0o=;E+hr6&Fm#$
z$JY)3re+jH5TtESU5!0T=8Aytg;h|Sp%*ZK5)mFQvCn|+{9h-$z%U8Pqf-C?002ov
JPDHLkV1mf)c98%8
literal 0
HcmV?d00001
diff --git a/animals-icons/cheetah.png b/animals-icons/cheetah.png
new file mode 100644
index 0000000000000000000000000000000000000000..03cc29ab2d9e9036059308cf0170d0a66d3b9cce
GIT binary patch
literal 710
zcmV;%0y+JOP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007wNkl<ZSV!$v
zQEnPB5S>~604ekYg%gyVAoLHsNKH<V<OEGlKyrf869i6BDq+K4w>N+jgq|SeBNiX9
zQ@zzXS~jM%DiMl=B?PSP@tZeqo|kFQgZF$s9RM5{c>4@Ao6Twv1fPhg&dgPGm59ul
zd7!oKZ|ky+3@D}QM1;TyI30~f0~aivJ0YS5GoNlcL_}spbY_g1Y+CaIKpOmxnE@a>
zqVx}*SGHxAnV)N|-~APUMx#+Fl}h*jc)(UHB64Yr>G>8iYPeV|=H+s^9>*~<PwKei
z(brmEcmXJ-ZkV~V;{(^iK?}y1+TH-*;MHnX8;{2j<=Wsd41Yk)ugO3f`&w(=eE~oz
zHDl)YuMI#%CdQa!AAl}1f8HU0DG`0}#q*T`CAcD@FTM>T@{@?r|LFS*W<E;S^+g2T
z5+So72w+C%ZZ3}F0W<e9>ys%Fxi!Yz;5Wn{1VNM-QLEKDWoEPqHr}O+AFZ|3D2nE8
zgX<P%{x}>CoiQcB!!U%~A@js|U}yl5V`KjG^i)Gkr4-KVtT`bbIsinpCK{Mju~>v&
zj^a2z%UUx4wA<~5h(OTDG%=oZ&m^lc5$WN>%n<%{9sn4C|4+5nc`HVi$ml#vWwvxm
zsfd|RMC7|MCb=VWz;21?%9RE{p8=#c{D4h9it!w-Stt}>)m~?F0P+lFfL&T^2XNix
zayf%9JOglI6p^pS7zool!Z3Wm?P!cy^9~2jx8JdlWyS^PR4k}nMMQpCYwJ#Uc?3$S
zd)yUSYfXc9&=t)5=qnvW9t6QRC(vx%gaHJ>x1;3`*`t1w?7H-YB)Mp;wOt>0r4-&J
s(8@5QHFn?rE7|`#=z)O)1AAxSH{-Bl9cc!c!~g&Q07*qoM6N<$g32j8>i_@%
literal 0
HcmV?d00001
diff --git a/animals-icons/crocodile.png b/animals-icons/crocodile.png
new file mode 100644
index 0000000000000000000000000000000000000000..500a5a0b70b01174d951ed856473688ea8ef9660
GIT binary patch
literal 786
zcmV+t1MU2YP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008nNkl<ZSVzTI
zK~md55S&@x@FC;{ab5tt0Q+VnszP31cmenYF)xUD0p<s$ie0!xc|ptzATNk>K%Bgt
z8r7~#k!4G3QH3r(XjjwIJ<~I0dgq7VIX*Q4aCCHZsFdme=tv>}lGoSQ$0SMSbrTB)
z5XbQVzzH*-tP28Qs+79AySq!OfN&H=`^K2rri0yXcXwxJXFx<3%$#Lg^BHTchnvm{
zfL}_f;X1S~<56JXWlR9GG);T!WZ^iD0pQtM+k1F;c=k7&2F_<Kk{DyYmN6j=%$fOv
zd+9aXC!*b&G}k%?;L;c~DjpU9V`e_D^_6Ca<^X!ky!Z0*a_c2wDX@0CEt&6a`aXca
zL^M%KO?|!e`~8kmDq-eNA=soYj4=mtCu>6oVoXF*>Hj?dZiz@VoRkHLqDTt#TL=K>
z8E5j%6(2Z0KJNOD)#>8~5++*fUa%46Gj+^8)h$>6zw>edIBNtTG<)d;FP8%|-Wos@
zMW@Vs9ilxm_pG&3W}Xt!Ol!RzfNg?H#>SYA$d-4-AO@V~Qt=ldnY*(?$#}(xsy^ff
z(e<Y3SK%K*cVex*&0D>{Q^`OSMNiufq5`nF*7{=*1L6q)epInk_q`Nh(OXIxaI~K@
zvuOQhL#Yyg^Y+2Ef!(|qi`TbWt+{JCKWSxUJ18zc83VEv5s?&{{5E<3{Iu4dO2Nf(
z{3p+#)_R3;4?xV}OJL;3`~-E`U-+R_98$9M7-K${7NOI8R%5K*$ObGKDy6>r*34(^
z1Bgv$<Cghc-V>4Rk|(7SI2lGV+pV=7W|oO4+wbzC1irt&pGs#~Yeg<u$7M%YX1!)y
zpROC_8NjkjuKo7Kxuh^f&!P(gxJuJ>6!IUSEY=EuIF2U(o{TY<{z73vy;&?4qcT?u
ztfB1q3INv;vL_x&JLNj#O#@e2vGas%J4(}Z+LY>b>{QNzZD<X-^X>rt0p_5Rztq2N
Qi2wiq07*qoM6N<$f_KwsssI20
literal 0
HcmV?d00001
diff --git a/animals-icons/dog.png b/animals-icons/dog.png
new file mode 100644
index 0000000000000000000000000000000000000000..64023b7626b759807acc1126a95d279786fd9ccd
GIT binary patch
literal 764
zcmV<Y0t5YtP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008RNkl<ZSVzTH
zOLE#k5T(Tq7V!;YpCE98zz!s;LQY_Og5VQ`oWRZr?3}=)3JvUnPhk55Atwl4AXeg~
zo@z!V3k%JNRC#vB{dwx{_qwI_#!ucje@zC1K_`x5Y`5E|<#M?$0_6MtNJOpxbd^$%
z{|mVIzP}cccMJ%CfgeR=8OQPcVzF59_fDsC(r7duMC25}DvF}^A+RpsBnSc~{ZQb<
zitzufTCH|sYyeD^QlDKC71^=^QxW;(8VtZUrPRdLFK<r(6A}4ZC6I`8XS3O|im&k@
zfR>0nR1C6?<G5{RrAmy1hW&njC?X^FT14JE1iB2v@Y=zC&-8^3=xT5vTL3yD!r|L{
z0G>$>Lr1ctDl1+92!a4*UjyJiilU)OsP*9nz=cxkw#<KT2(v$!U`0W)ldrYmO1F+K
z>nb9(C&j&9@3da84*_s4K5Bt_1~8h>=TrVo8_)CZ@-3o}MN!msX~)4`;QRiyh)}AB
zX3{yZp6A_Ug(+JxSCJ}RM%e+=fWBDt*@_*kWGMi%3!2U59Vg!+d16u~Qb7=m0i0U_
z;Kl^-%Qm^TTW>a-v)AT<Rc$t#zu87B01Oxe0V#Iw0)j)SlxpXF%>JRCSOf5Vf90r>
zNnQZAN~sG2B1?5@iWPt(_XR;DB9)IrU9kl~I@(NsVTS;4>yESZjpO*t7C?G6xy-;J
zTL9mcQsYtpT6jpo^pRq_-HwM$a>}_r0Dqz=YLOwO0A88?A7L1ds<6VydUlf@1d!#c
z`AYVUvYb6;T`B<Jr&4NYe9CqKPjTwLdCAvT6s9yt7=~%yG64C5^)ivqf<wi&5>^0o
z`Tv@rES+A@>3MFOFlYA^hGBYX6;>c$W=?*EeXxfyzoZHQ=nC-U=8c%FSG~a~D9-ew
u?0TLz$)EA1G(6_uv}sW(0GlAk*!%;L6nb~VUEr($0000<MNUMnLSTZ$Kw=UA
literal 0
HcmV?d00001
diff --git a/animals-icons/elephant.png b/animals-icons/elephant.png
new file mode 100644
index 0000000000000000000000000000000000000000..e31e08531d9ff64c8a7a73a41b8a13872ede7df4
GIT binary patch
literal 748
zcmV<I0u%j-P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008BNkl<ZSV!en
zOL7`95bYMM@WMU<IYFEgWU>PdRlz5SIYDxRzzG5;h&e$>6(iVXa)Q7KY;Hgn46B(=
zH8r9%nhzT6GK;9n3o|Xfr>EB+gbOdcFh2Z01f-O=N~x8t_^T=4`#u4{c(>b)!Z6%w
zBCkyV5b?u&J`bNofaN5j>-~PeHg8j9Xenigi0_GrpJAY%qm}{;jELU=z)QilL^MQ1
zmh{&6y8!_HHdacFIM(yLn^vneV-oy75iyAeX99e{)z#G_0Px|?i-=}QsXM*F_x&#b
zz?Xm|N$yS(=yW>mX0zE&lEg#Aug=IupuVj^;sF3Y@pF_CFy$tq-@IANSC<44Jw;LU
zPW#1Fp^$)-@*WYtYak|oh)>MAF1T^ViilW#zQ`C6*~pt5fo`|k7ef3nfl}xGJogDI
zNKZ2as*J{lv5B3lM!Ihu$8kSHKuXCeRcJIK8X;mI0N$1XbCDsUUzU0s&KyL%*1$v*
zMo~0mPuK(=5wTqYuuYO=P^JPA{S`v=3kZyqQo~Zx`U9t1qtW0zFI_~$>BELR8q_e^
z01?@wx=0<*vD455I4V#jza{BR2r=QhkQODbcq<{q=K}C4ryy6#APB}qH#-op)6T_Q
zha!T=;O(MktGabYfpfqe2u_0_xOa#HOr_r<A{UB`gIx|NiizX+&2qWq!gX?GvLGEA
zPHsA3)QwWAER%9u?KC{}>}N3maF(BOYy#Y`Kb8?7qDlIVdxb76nQ&M0=}omNp)M#@
zDO>0La|#qSBF)r1xYz4>C5BxGLBNxd^RgA-k?W7Wo7<*otaMf=ikm2<4lUPp<=Syc
zCghA&6vrKNu~^Jp!E;Z*Kk&3dM47oy2oaj2G{><IY@jHL#;#Lxp$Y3Sf2r7$L+MKa
em7Q~O0{;Ll$8R6Fi-VK^0000<MNUMnLSTY$mP~&D
literal 0
HcmV?d00001
diff --git a/animals-icons/giraffe.png b/animals-icons/giraffe.png
new file mode 100644
index 0000000000000000000000000000000000000000..71d6e4af4ef551d12f81fa4e21aa86268282a755
GIT binary patch
literal 694
zcmV;n0!jUeP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007gNkl<ZSV!HL
z-;LTp5XNVgH$XZ%$fbfn1@XP1HByoa&Qy?4K}ZG1RS>R%5D725ov#C~f{+SAUiQuY
zqCsoP7<|~^5GnhF%-ZvtZ~p8oQ^E2)uhVQcKgr+L+DQ~eo1(qvJm;d9wbo;$R0JRh
z!!XcVca1TtbBrB&_aK1p`%@x%M?@VW+5lJ+(RX9a_#yz}Ju`n!jR6qj@9Q=$-`i6_
zV&7`DemL(5z;9;00?@li2z=j{#JdwZ08h*;^4|hjS!-|VPR1ey0sxVCthEl9`Ktq(
z8e@iahN7?vvPQJlYi54so{hpVoYVzT3LqO6r^L`0Bb9RYDh1%0lBjT%sf=16N&$#b
zt@VVNKjvJXgkd;3M~2b>{eJ(t(P&6{?kuSeA`&%D>XM}aoC-5$mJYeM0F14*_f^ZZ
z62M?E@Blo%Ai1>dNs=TF%jHt~$I(>@z^RZe$wC7Frq<fgF-0l^<V*61i<=}#hKt2w
zR<y4&fIBOG9o06oAxV-CMG%z%To@u|ep>-z6UTAyP+pu0uyb6O0ReDtjM+|D*>y>P
zCu59P3qV0RJ`>TKm(&QuaL?hB6i5L8{LGw^4>C7g1R$*hH?VAzQM{Aq?RL8hpi4wS
zUXj`q5QDz&LjdHrR7C#c*+C{%<!=G3<dn>RJku|p0bI*bUMqmsT6)3SjqKi`4A)vq
z2kfMCW$ge&BoJ}{-5O(h`2=)fxRZ9Ql=>FO@#}muI;jfMZYTim_VjqjI{}bn6m=wL
znE7TtpGRjmq6z?VliG$y23w_6@Gk&Ju5^+!N~!Vx0g!1#U(y^n6kp%>R{&<I0z@Pi
co1Jm~4}LX`FiBeiqW}N^07*qoM6N<$g41g<Z2$lO
literal 0
HcmV?d00001
diff --git a/animals-icons/gorilla.png b/animals-icons/gorilla.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9bfa86c51a85866371f759c3825193aaffe8492
GIT binary patch
literal 648
zcmV;30(bq1P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006{Nkl<ZSVz^D
z&v6=2494}rZTAp5FjNpyK{hvd%S@aKj4Oy!L7WOqDlqOKo&gQFKm{fh#Hk?Uz}|M0
z(awX}KP)`hHJQ94=t(~$y-xyEa{B%LC4eg;S~VJthsk6zFSD)kIr5i-AZU4>cL!jY
z{!T=$nR#3#*si-<fG`Yii0C~L1!Y0vIPT15v*$V?(g44SsCB^k!*n{$WTq-i8bH&l
zHQ#&c&cYVJ81n?6dkBDtYRy6dV2tSkcyb7ym;iWJ*Q<bbz3=-!9qPa36Om_T?zjT)
zvqKn$PPNZF5s@#<d|MR)#+VU+kEb}QLmQG3c%HWeaB&I*5vf9s<2YWZM%aG35)oC>
z_Qt1(EQ#n_6h&X>^Z9D?dD4UyLWSrCz^fBMoUUpA5YY!_Rv^kqu~oyah^$U6ixUOW
zYQ0`}G!uncV2l|8xOa3^#Vpa2T>!3vR3&(FS5-9wU^PK!!dZ?!<qW`JFbG8C`&ptB
zk%%lZ0B5X!@*DL<<N<C0d`@RTME(F!#k+fn%(wt7RBZBKb-^42(D5rGZ2)iU3YzwF
z5I{TCj^Ipbj)4)8UnNri!wEpAUa!|{H=E5%B2uMPjn}L=&5z`{<$B9DVc`|*YQoB6
z*BDdqYXKgeGjL4G^R{~cvO=`Wu#Ux}41kC}{nHHSZuwsTjG6iRC3>Kc0lSbCBv;od
zW`1)jL|G3M0PHx{9q)B+9y~I$YQWK_Z0*+>!_2Ln|Bij%AL>$Rqs^lz8l@M>V<;@Z
i$coqIs_uhY+T~wv3pkz9{bC~k0000<MNUMnLSTZlN+J6I
literal 0
HcmV?d00001
diff --git a/animals-icons/horse.png b/animals-icons/horse.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec56e5b3477325d8ff2b418d8d766d59d233f869
GIT binary patch
literal 799
zcmV+)1K|9LP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008!Nkl<ZSVzT|
zT~6CT6ov0`-T<lWps<356_CEc7^!pxgcUTbps<3%3P@H!D&Y%nm=!=*P`ZQkA?69+
z>R55)7{@<}rH&LSiRa$==Kh=+L;mwXetqX$7r=>`9Rt{zJ)elkvzd*fC>n)f$ltAu
z1pwdof0)^+h=frT^|!XRx^Wzzt7`A)=%{CA4<a%#volp4wm~olaL(NT_&c3W2b-Il
zVGsn}!^1;HVL*UcWQK2VZ^xZZXKZFqs!G_kMgriRI~S1wKLAWbE=6QJ<2mGaGaGT|
zX*A62LRD$I@<6ZG+vbjEJNsSc$;^gP6rF8sY&-xMnc2Yey#DR&Z34K;0P`*)eKUIj
z(5>NwHE_k9GZJweU#seF4ZFfAaL$bZd}-n!4ZZLCCn7Rr;jUVg^Aw24Cqe-D9LMnx
zz{e7(v@HRE1$m;XdrdZx&P|H&;NW1V)9EDnXPyD{tDKqHPgOmh74b_P$G!Xe`<E)a
z{PS!ZP5^vp;DEKz2hd{;iO59|1nizhBMT4$*iWswLjVjl^ISO0?9t4UMN_?Kv^wol
z18M<)?-_uL834Ov835&(`XQd@g-k;k!0YSlue^-U0WwmX_+X`r2s`Ad>8{G=v)w6l
zs(O_~E<4%xeX8IbfW4mmuT2mUIb+SdI}P)TIOi5>qeY0xbUNLw1F%pVEdnsjr<DLa
z5k1elX>;L>uTdpHR;1d7U>jEga8c(R52`Y0uFYm<e?)}-_LBp!j^!!`R*7~z^2U{F
zPAvf6_bE0@1*y&^GVR?QATLr)7R=9O-aXGdPgS#41n8tiK^g@?Fh6Z;11u9H-XBWx
z%^TK2>hkx<CIFWJzU3DSf?%nSqSUPez_b543&56A)%4}%T_9QoC=w(V6yF(^rJx8P
zj^nR)cX#8|rgjQug0ygJssbp2X3b=;@l631ZqQW#McuP5K>pTLnt~z#Guu<u=ao{h
djsPvQ{Ri_-vp816FEaoD002ovPDHLkV1k@!aaRBU
literal 0
HcmV?d00001
diff --git a/animals-icons/kangaroo.png b/animals-icons/kangaroo.png
new file mode 100644
index 0000000000000000000000000000000000000000..4440a08176ad64cc46b4212930565e32eb7d0ac3
GIT binary patch
literal 631
zcmV--0*L*IP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006$Nkl<ZSV!%Z
z%W)b(5Qh6-ZWL7}1LF+j2)w$%3<nf}qzEKMARK|^2!tZAT*Wlpgfl=9hzyJl><PAA
zP3_|G8nh3}=E78QU~9Vj>%SiZI`F}P<I@q~s6eg)?RL909*<}Ls#$je7-Oyg^hM;A
znOpx2Kr^n@YF9*bodkVw&RzHbdM5~ib0SK?W^o)pR8eZ9K;rZkfFJC6u~>wY$z+}a
zSZlv{aDNCRB7J85Tt=-mfVEb$xg(;cZw%mcI2=yWZ^oGW4B%g}L}b9smqj69jCldD
ztHu-O+^IS<##{inFX;HjIj0Hb9tBXz^|#3sz^!L_Cn9rg$Xsu~FU(h~)yE<|v2_ZJ
zG5rigiP)Q~8};5Y-U<+gVY6PZPXWBI5;?Vr<M?be8a<W<P=ijV(+h&&+dcpyGGpcs
zyL_zs>a74J8*i7Ztqp06IU%Bc?ketfyI~y1gCgb7t(k1k9)M3Nk%(L}^S~SD697*D
z&T;|NDA|rLBJ!PxrbMLlA%J&&+J4QgwYo`lX|0clsNExgP;EuzD>Gjg0#FCmT6OSK
zL~fXQnw^x?p%0XR>-g%T+Z_LHVSuz0MATCN{VyU<Np?S&Su@*ubgCMShN?!(<#Oil
zhr$3^&t6$xqbO?m??su(sSIGP)uuYnz87VJ>)l*{WL$JLYY)t|nE*5a=z=M{^LK$2
z0nkTC>#Yw~%NxgM=iIuk`<z^WZO&DdD2irP>+buk1h7xWS=%GPQGtUi@C)=K{Sgb6
RTz&um002ovPDHLkV1nWHA7%gm
literal 0
HcmV?d00001
diff --git a/animals-icons/lion.png b/animals-icons/lion.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c3e9b4c3a8744e223298161073c2d1e38994a1e
GIT binary patch
literal 620
zcmV-y0+aoTP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006rNkl<ZSV!$w
z&2id56yCQw0T*`=TtVUrB5r8K!Kommf{+S=E3jRGoeGR+kcL}S0;wRRf{=suru{Nc
zBNz#gtX+A=7j}l>^4_=K`}_8Z#2X)a<NL*#Kw}0blZkJP`AkGZA;g-0X_`JKNwR&d
z($x}BN<9$K^wdQF9*r?KtJP}LmB>i~VHnPY5VtMBzeQ1W*TSyW<cL5J1lLl^2O-2o
z6EJ{{*7~YzIVuE{Qd1)0%iEqUfKeRB+#gQokU(wS8_>5|mR-5_Lr!2k9uGaw<H&uN
zFaRv#IR50~n-d7b@b61CZvxM<?6Ok^lu`*1eRPSS@JXU58oBuA8DPNy@Y4lg=i{1%
zeG@VX1_SWjwif_=(ONHDMsiO;DfK}J!BfEhR;P<5R5D<UnX$}zp2zcTRT2Pet@X$@
z3wr{-@8`<L08Q^eU1|XQky1{V%VkowDIT=1LI{4)_>Q%d@_uJ`B*jXpCnCDGs)2(s
z_e~tfk6oqM;p)B1HcivZLjqm(z={xnn+kz23}J=P(HOw<VFort^sXaro%;^}ei@%9
z=cosYZry?K^K4BBz`tUJE0f_R=k8GQa{@eqy<YD<5mjD8BAQ!f;};Rlc*KGrIC@)%
zhzV4Lj@oWOWg<j0GRDly(QwpS>)~K9U@7NlTOCqL{VulNRt{`b5V$Qz1K^(1Zn;qj
zCQwnXmsk+dCQZ{>zu#Y!ZKafRV+^a^$xXTr_xxpa&cJ^hPx+`pM8|Xh0000<MNUMn
GLSTZ0z#0Jn
literal 0
HcmV?d00001
diff --git a/animals-icons/monkey.png b/animals-icons/monkey.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d95cb9aa12773b0c8c2c9d56328dfe533800d44
GIT binary patch
literal 827
zcmV-B1H}A^P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800095Nkl<ZSVzTI
zK~md55S%d=FbB*FVqO4w0pbQDs$yOc^8&~V;=BOzg75>JDt62*<^_-!Kwc2%AQcxF
zs#RLmmawEiA*`cncc-_fduEoY#V?AYUbovlVdkNk-7)jnIrk+D$t}hw5xHjOEi?N`
zL|e@K!OXs^>ama88UPVNz-u2cXX6GSoO4Co)&T79??-0#i<x&WE-t3Hv51@!(NI-;
ztuwH@yW3w{TDpCFd_0&;CgU8yl$r0GbHmmF<N;^7@Unmab$@?9n@*>*cL5N`@fi_)
zN|IzF4Ek;^*xTD1bUK}LGdomOfO+<{CPE)cL_qgcRR@a#0O4&q=hhbqU_12wyJ;YI
zLRJkI0>IY-09gnC5jkh(0eZoUL<r=aPG=Jh#LT9X$>i!KO)Knz*cX=L@;T3J=)D^*
zG_#vDO?Q@;mwO%<5%rn5UjZ!g|I6L45rBw{nEC5VZd|ptj{3?{Jdc6bg251?svC9t
zpQS)VhRpoqwL#1K!fx1Dh(g=E6#z5)rmCZ=^X4(|W*R_HGrLmNLX?dn44Mcm2s^^Z
z17==(4J&Yvs($=$2Ieiy`}*g=TBr-?ayR+E9y1?R1*xinS&eAA6^hF0>gp{K6?0r!
zSia)rl>Y-b44?k&hlhua%gf8VMiI_i;9X&6IQR@V4gKw>-yk^hjfuE$Qk@eT84!_M
zR6I;IX_}6^-7X#&Ye|x<W6X-<7&HC}5&bqZOuSiIL<H*!7OJMAS^)lVGy9{eS=q&C
z4Hi5AUpdPGzzh+MOCZiv^)O_*5<rRiD7YDB`#}IGvu#zw!8t^PH5nUl1ybTQF&BV{
z95M50p7$bn&Hx@6Gv8i419d{n_W=m1>~>fi3II_1%F4<nGasXeBd1A{MCEZB?>!<y
zf6uC$2T*6Vkn%W=|K=Ss+g||i&n5^ADo@jNIB%ARxR6^sF!Q+qLkBzOkn`G4MBt2r
zG)?>d>_!)qPt3&y4U9wtPp*iWN6tBDqX_`k1AOsDcmmiP!Z6TlTBiU2002ovPDHLk
FV1lMQay$S4
literal 0
HcmV?d00001
diff --git a/animals-icons/penguin.png b/animals-icons/penguin.png
new file mode 100644
index 0000000000000000000000000000000000000000..52ebfc4846b377c6992eabca56fccfe7399d2cd6
GIT binary patch
literal 741
zcmV<B0vi2^P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800084Nkl<ZSVz5A
z!I9cP5S-Buco;`u9Kqd1VBHT^JjlQ}0^dbo9Kk^Z#u?x$cHw6^147^;Fs=fA?6{he
zs<6;%R~%=(RHfb7R!`4NFVlsOQffp*ADOv>5F#>*qG&Ro&(k^~xz6HzZIUD_BDyKt
zD<V^C?bqdUxeke48-P-3%*>xdf)h~+W{fct*ZNuj`u%<^B0ob87m+^zKtwAMSuGZe
zS=qi|07|J_X2#)d9{>^gWQ>{m*5P{)fI5d0(MD_iHstU+08(cDPz;*UJkD6TJqBcM
zi^%wD3{>U)a5%g#Q+tvmQ?2zdgavO35DfKR7EEhhx?d@EJUoPj5CBy*?-W}o3zY!k
zIBvIEt=}#xQC`NFyRz>9u-ok((lp&vrJ@o*NZq@1(ChUE5Tq{+F9zVMd9c@PHb=&o
zhl?4&z+vVu9yNb=DLzC8l?;Rc5RqTTnAoKQUpZa_fK!M{sni872Yd|xP6jYJUtI%L
zDfnLiCa%9!O2G>ZUQz`^X8u+cKt%40G3b{6Jm?|T+Rm%?0U!O=+Of}?h0FrMuZhSr
zGrv3iO=iA#na~jWgZuzW30^=%eh^X2%x^Lfk6LSZfwLz`k_Tp9g*fC82GB~ML}bm(
zFqcn6<m`UkZnqOf5z4Ppd_jExi*g3=j`<IJRwg=p&-(vtzuymhQ!ofXu@$=v2!ds*
z2U{3GXI0^<Bxeec$Bg=;y=LYOGf$CM{Ar`nxM60@0NjjVLNR(vXTrsOptv!gZW%Zj
z(3Q3Jcvpy`Xr#5i_e{>S&t4Ip?#N3EKyo&6rm|86_3g|VKl++bP#G2goL<YuB9hxJ
zq~V!}kT%?g*1jPWB*G$Jxyp-o1T?8AiiX?mb``4rivXMg0`(#S(c#VqPY|s9(>Q+t
Xe!HA7$2Bf`00000NkvXXu0mjfNZ&#Y
literal 0
HcmV?d00001
diff --git a/animals-icons/rabbit.png b/animals-icons/rabbit.png
new file mode 100644
index 0000000000000000000000000000000000000000..903869aae073e8138ff17931aecae03bd837b274
GIT binary patch
literal 891
zcmV->1BCpEP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80009*Nkl<ZSVyf_
zOH$iF5bd@%RI$K00nQ146GZG_L{-cQFeeB(0r&(VCx|&gNEOqt!#M$P0-O^hETkRk
z)Kks4#zsF&%!Wdix?lfZzhNplhlhtFX5LZNr`y}xYyaB8!NIWC>zy<6NLBw4(Xog;
zmf5L$&P6Z4d9T;|sj4r`yrrsB5ji!+>@xGcs^YsTGe@ebBC=QKsO<Mb0C5~YB03R?
zj4>C?e6FgeM1;s+USD5FcXxMl|C_b8&`uLjZ$6BoXt24t`Im^kT5B(1#27P2CWvUD
zs$sM!)A_psI668)TJM>8|K{dq1^{s!pApeFBD%8Hjsb{>Mnp8mUlAELiMHsSMj7y+
z5WT7nnfVe<U8&|G0x+#kVeO1D=x#I~BF_(=iO2wTC!%?lWwU<2|BT)ck!dUML{!#<
zQ&s&WA|GMcjUE7@DaUXa$1&a+rD-~x&1L}H>J$P9Ql3YL#@yK07@+fAHZYD4syY!7
zWTf>eE5VqVf2itjM7?U=7=!6RCI+oNyAR(0K#JkqcYKipm;RkD1mx{50dP$BP~|)v
z%OpuYbg4gVtpdQ@57RW=^@afoqqn*b+ys0NC#6j}765$ot7GNT9j%fL`hc0gU{7RO
zHt`L*E{G67&iO^OiYX{cwciDBs;bw_d~L10S_ecU096Lv?ij1;88dGaQBGn>l1!TP
z#{z&~!C96ahxJ}38pj{l4<`Vks-Wyim5rq)1h*5>wyIuaS@x@KU0qhd6(=Z-h#Z%J
zSOVZE7tQrK_#oea>tw>e>p8^>nj#y8Ob8(TejgNj60YSgAj(Qxsbt*Vf9$eu-R=Ot
zZ2RRF22u&Y3z4pj7ii4ARRLQGz?Gu&&UabBcw#D+wr8!Fd=J$VlmVh<Nj)_Ikn6#&
zWiZB|54O@Y-46+>7QlOz!D|R2dJflkEdZB3$nsfRJ_vZhE2)K!YzhEZvq6zMT9+H*
zIL2jaA>|qY2yaT>VcCW(kZ-$qhVct-S&MP31>gm0$Yk!>rL{IUUUvLl64@)G_F4de
zP=WT(Rk6DjVR8BY3o$S=Cg=~gB9s;pVKFV;q-y~LO^98;?s-a*B&yN{{{fN_Fh88g
R=+*!L002ovPDHLkV1nX^kR|{C
literal 0
HcmV?d00001
diff --git a/animals-icons/rat.png b/animals-icons/rat.png
new file mode 100644
index 0000000000000000000000000000000000000000..21ade59b9cebac607d6a3514623d373600aa2241
GIT binary patch
literal 744
zcmV<E0vG*>P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800087Nkl<ZSVzT|
z-)$N}5XNVYC*UD;V7r3g3Jh<sXDN0CAr%;RKq`n+fuVvB$*lbrQh{*=Nh%1D%=zi=
zvp%#~IP7tMu;rDIkl4NX?c6ut3@UHD^o`@oR)9{Yv#+Xq4-XG_)9G~n8nCGV-EQ|J
z2!d}e=zOtQ9J~gE7ogki9tA-#5RumE)=83_USD62Upfm<0LRD2tt3f4s%p;{1VBHE
zqR~rdL5(p@RsFJl+l*UM3o`(}MTDR4*4kOw%n;z0s_vJ40M8LdRmX80f4#Z6Ayn?A
zVHlGBeeM$(8vzWXC_2yks+6TxsZ=Pg7lROyIe>F(?J(<NOA)qOtwz0G?@?&1`>aC+
ze!rMZCg<DsZ<L`ihE>p0)uRG|Qnv#5Y^`NUdsnIvxw2$NKI{sjs_m<*tEulfnZ3Y)
zj8*krSr7m-Ywckv03I^N5MZZFq-7y90}kL;Rhwlq;Jm`Cg-ifr%w?KA7Xbo5$2|G}
zOe%me=1fE=!lg?B_(uyC5n6X)JplM=t$k{4D-bV07=}M+4*>p%$dDphbwY{~0DmvE
zasxP1`s;3e=xa2_m}ya;0PxA@jNS|wV+Kt9WHRx#<}eKVBEk-ud!-ptrU-ozTnoR=
z6WwV?s2czq87&3Cz+o672f%2tSoEvaYK!9?+jbO1hwGiPG(eg;IpL0zB)M3h4cKE;
z^^$^)qNu%s*ad*)xc(aM;y6CpHjp@5XNzX`PATxx0L~$ox8nD_L#wMYHl{rQ?VSLe
z7M2rL9LEQF$FWtZFGsl?LfY8Ev0YUgs!C^LsWwDplvcLu4`A?Gt#+oW1DaD|fV3fY
z<#g^p#Xf*%gDznK5SlSLRZnS5WdNE%5b(y&R+1!hii$$>W%d64e&!og3j>sSW!uiY
aIlv=5mSdSk!eXQV0000<MNUMnLSTaCOiXV8
literal 0
HcmV?d00001
diff --git a/animals-icons/reindeer.png b/animals-icons/reindeer.png
new file mode 100644
index 0000000000000000000000000000000000000000..1624c5e9e95bc73209fef2f04c0851c23abdc24b
GIT binary patch
literal 705
zcmV;y0zUnTP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007rNkl<ZSVzTH
z(Q(>95Z%2$&`0RNqyj?)#(!{P2B^Ss1#v2{Q-MhZaR(+dXvLqE3gQx+3L<|<f6``_
zIT(Q@PC^>c2WUojyYJq;eY*%}e(=osp)vri^&Am9p67jO0(>a|uIt_bz$A*Ind3PB
znE4kGO-}}3G#X8nQqRo%hKOAN_~v=u{A2(mk=FVF5%1-lnfpZadJ+J`;jpWe>PSMZ
zbqD|<5eW;8JXQ^8trv(mVP^TCGV?7FJvEXYz+MH0fhR<~V&=b1o?Z@tQdR(P5y$au
z5ClT;&SL;PBVw<~yWb>1*L8V~1o3*gTn2}z)mlsK-<wJZnfbb|7}1niH%XF(QtDCe
zxy=1C^Lre}-8|OH?B6mVFN49L({8u_n3GxeixvQ2TKDv8=H+KR9uJuL#hUp@4-l4p
z-(Td#KL)^eB6=tT))-h15nm8-mZ!0;4`{8$W-m$vE-gN-^*T8Kbc!k{3!n!80U~}X
z0YdCp%xJ;Pq3`>@H+w`+tyb$&DJ5c-CMIhO{bR=ojTnVqL4H*Rh;5Bcu%)fomZ<2v
zSa^}iZL8o=@J%Z|7J#{e1rf~(tH2h#f<OyHG4l^1T5BTvSg*j8(smZGfj#s+P1D)F
zACv;%x~?exrcQFRH%yYGzgn%{HnFS#%n<suf#mBD%=}73{Zas=`yt}bY;tCnnm^bz
z_rOYw9fQm2p^$;R{!k>OL+luDk%4BCUANIgE`Y3s8rt5))#{95X0(6IfC!@~`uqXF
zervWlSru)VgNdLo&A#9RfUM%>zT-Ha)*U*sAmxCL<H#6zBSTFdfIDWEelV}ncB?R9
nyrq|>X=p9Os)4JnKRbZ``)5&R_64x+00000NkvXXu0mjfW28i3
literal 0
HcmV?d00001
diff --git a/animals-icons/rhinoceros.png b/animals-icons/rhinoceros.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddfa1f113ee814b8790ce228dd5f9e271872907a
GIT binary patch
literal 554
zcmV+_0@eMAP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80005;Nkl<ZSV!$u
z!BOKt5S*5O_5){d&H%_j{Onyn?jkTm02cvv1dstH0_q;#^6yLp2N4(|06zLzeKjh{
zrBVs677YG)o|>7Ro}Qi&WXFab*OxtjJp;iESZhZlF8~~=fJr_9coLBZlCLFE9|7p*
zF+KICY5IFUpKI*eHUhBLPD#=^ca|3(1JK7lY$VT|bJOC1jR1@>OD&jp`KiKX#AOig
z0*K?d+v#+cB9hU#Z7V>)TKlqEt&YpHF~;b8Z;Cl@yZD-Z-~`4P70xnE(_iX{qG$wQ
z{8dFOqqtWFR1l-@C|FlR8PIk4w=)2P!Qf{UMRz^`B;NoW_~JtRB=400-R(<XqN*0a
zjV~_5p8>GeUWmw*C-FA-Z&fQK|73R{-}#p+h@AHEY&N?##^}lYQ4{lA_q`JLC?bb7
zxs&xFQY}>XK1q`6#bS}&cVo<H-3Uldd?N&KLh|oM08M6B$AW4@L{2^V(|5r)DO|)<
z1*;-*&c#jMsMA`;UX$b^rr+=PTCJA;A2O@{*?ezRK?DORA1#v4&bi<}q_vi%2ErI9
zpY71@tJ|g<mLy59(Fk-++wJx_0KFOAk941}x*j}zL&rC9&W#%Zs1aY5?3;PnKO7F@
sVik+-b;TP22q_dAy9cmmVCM|{2MSjOfIc4#{r~^~07*qoM6N<$f|3OGuK)l5
literal 0
HcmV?d00001
diff --git a/animals-icons/snake.png b/animals-icons/snake.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6f8ddc78e97fe23535adf421bb807905e4fccc3
GIT binary patch
literal 783
zcmV+q1MvKbP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008kNkl<ZSVzTI
z!BN~m5S$i2co;`uh`>h#KL21vm2m_<M_`D+5P{DT01<$z(87;%1RN0<M__nxzuTc&
zC0$9&t|aR2@IIy8nckV6o>@p>8DqYQ$UcA#RUM1SI7yPzi;Ig<X#YIl;2$=|90M3c
zjE(>tEfPo#fH7tWfVXd4s`}Mhd(yVA%l{dG-QC^3s$O?F#68Zr&zF~%=Uw;5_RRno
zW6lA5>S|C`@2s_(UH5kZz`WOT4`5wH-p39vA{Ea_=sWB8`|GQ#tA`<OsOnE^?fyJb
zXa!IjH^$rncvp3%s=uwZ{nr9;1EBX`0K_WfRU%Mu;M%`EBe8T2G&v`L>2$hzb#-;O
z6b`gGUqtu`JXi(B7?SOb&8R^Gwyd>mRCBFRGwK1LBvXW9>mbXr;ar}J!+taB;`}tr
zvRJo#F{T-S?d|Q2m6es7rkgK<^*+LCGkPX8p6D#B1y}9n0Maz2p8p8NPgNgObr5U4
zX_|f!k)EoOup{T(ua}f&3E*ES^mHyF{Se!!j?OtwPkyD`tLj15fdxA|J9|lzoJDRQ
zEVZUHrJb$=3u0rKsvcQu4}D<Nhz@1SWB1ePbgL~L1i(S_gYW3^@$v0wG`jb{r)f%!
zsI_2K{VO6T0QS5ArnO{a0B*A^tF>MNF~$r49DCLAFqup?2$u4_wzkI6eKtk4^^0f(
zvMj5KRAKy&PgZ{{D^f%~$yY3u<^L!LM5HFSk@rF{QfZoUWM_F2KyY|1E;Jwjl4^$7
z%lS}M8B&Ix`K>JgA4886s%nxXV*qbLQK)p<+dRxMA~p$oTRS$!aFG38u`zVcar7s*
z@@F6Ukpu7%w{;W>lyk1vR$|pu_%=)K%!o#D0l-qq!`8IAiVSTOqD4I^E8`Zxewn&w
z?N~$@rrP*jVe~_iBzsGHoYGN25E72W%LR)0W}}%*Cc}_8wMDGy{}T-Zj{4?TEG7T|
N002ovPDHLkV1nt4Y1IG#
literal 0
HcmV?d00001
diff --git a/animals-icons/squirrel.png b/animals-icons/squirrel.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd45e6db85c1dfbfefc1a59d60d6170f13d5e0dd
GIT binary patch
literal 959
zcmV;w13>(VP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000AqNkl<ZSVyf_
z%TeP%5bYK>ae)ZdM6f1;H8&Vhg^2)f1V99MBfvzkCIY-w%)kwA1Pc-1&44|4Zc=YO
z)ifo9em2YrEY0-mH?Lo}m_BI@27|55&CMeb84^*SnS0^rIT1akX?k^kf4?Y)<IjkH
zaBwhW=1T+>kzWW%L<j~DTSSECUqoc;y+5DN=Pw%f!vKsi6J|aoqU$tG$5mM(m@#HV
zL=z%<_TKL)hz|islH`ntE=A<Kb8gzk=KlVEZ)0O)CL*FB)&>v`dlr!&&be`0aD9$_
zQ54~dCfK(&fFwz#A~JB!so1(=AZ0F1)18k10F#}luR>;wd12=D7&tsU9EivRGN=<>
z8y&`&8Qxio0VtZ8e_CtT+8?R{x*0Sc0CS1s_=K5XthLvgl`&?_%okMvj4?2wOB^mD
z|D1F1fp-gMGy(|0ADFq1-6C@3oI}~6rYiv;I1$aFC>q_~-ogQER}gWpl7Ubv7esWN
zWmz8w!fdRy+bsYVU4n-*;FQyM01D2A_s*@glaO&E00=Y7vaxe+&?Z0?v54%x0T5_`
zZ;ugJ4}#Z6QFNn#^#7s;0s#0zt0^T(@+cxN0Q(9+%^}OO<GZ`NyhMttXuDAqEl`F<
z06~0HYi+KXx}{0tYEi;DfMBbCg3xL+Q1PLwG4rTg1;&`Uh)k*y2)aUb>=DtK_6`nx
z{6<7})K)=Jnx?}llTi;KqNj4US_NoO-ut|4<2e2n+VK!&iNBq5=mq&=r35vp4{*m-
zS?DGN^4>3seO;dgHo@YF{w5-SnR&8YE~n)^4BCij-bFlZ>Mm&pSw1e8%d;w=Wd^=^
z?{}MCTqSs@b0h|(V??W6xd!4me#FQGCJMBnTS4tlU51TvgurY&0Bj5(fE2wwHxg!s
zhkwPWWv#_HwbJT(wN*}tU`Nc1X2Rb4-a1#K{k~{uRT-3>P-nc~%si`7Z5JAfR$DB&
zE&woQp>8o?LKnD(K4yJpzG}-x1FSNxy<s4@6<iJ=@)c@$-ZXL-Gb;?MoyN7sfh0*1
zsp}1OR}mV`R@Y&*5r8o!@7Y~V3e>{^(PrE3{?&-;GSL}8L>A7u-6rvcGRCLbXw^x%
zk^yZv_~^*8Y+5(@hWkDZAEetNGHU7}tyQ2egn<!Xy7>%Pw~#T$He8eUe!PxfR5GA-
h+@<DM{WL3|`5$JRTwGs#Hq8J4002ovPDHLkV1nvkrXm0U
literal 0
HcmV?d00001
diff --git a/animals-icons/tiger.png b/animals-icons/tiger.png
new file mode 100644
index 0000000000000000000000000000000000000000..74f4239cc060b2606f7cbf85e6b2e7e5185e6ad9
GIT binary patch
literal 1383
zcmV-t1(^DYP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000FpNkl<ZSVyH-
zOHvz25Unh+p|wDq0L=-26Ikq^ng}x|K%BsE0^<{yIRS72L<Ci^vwQ;M6IgQsL<DL!
zbmhdWscffOf*5;x1FB!XdinBGWYjkp40_#e_kE0U^8Eb#eLNmd_5APtk8@X7S2wM-
z{n>1Gt<NQWsB`Wc5pBsBGhb9yb@IDFV7MrX&qOp-XWoYpw&iyNz&W=?MBieJe|9>Z
zX^iodh~6>teN|OEzY1b^ceih?y~2f<`Py20R@Ze8W6ZoALbwNr2Eg9l-hs9Dz<b}I
zb<Pcm=-e0sR~*ANf*f=*b3YwIG-=NnW6q2*J!U=%Aza8l=iCU)-rnAh<^YssdCbhc
z5W=Z;OIemcx~a#Q`KvLePedCSXXd|+F%vM>(#d!4edAKhIp@Ia)O!zrKN;BH-yg&n
zk3$Ft3T<*rHu9C3&jfj9><V*mn;s{k;|ylX%sWDN1~7s<Zf<VIa{%(>q^hbd_&aOj
z3o{cl4`D!}#25oN4O+Lwffu5303@OdB5eN`L>47Pm|V9EfC%pln_(P=usPrOoS7eq
z2=n(b#^hUT?U0!vHr#wI#&`t4xP&ogoIyZO$Htgzp??7Y2E^wuB*q~|h)S5iIsuej
zkPK!P(^`lY;!_~jj4=zEn9BqCfRqa)RB|{$h>3~329fbc%LP9|2uFE7-8{y)b$53+
zkq}2n>m0Da0EEcQ@cSo;hI|7f#t|*p2pXYi{ExMIT!CozIp^TE4@9&h0$iqnAI6yV
zs;c_0B_1$>TS-U>0Q}W+Ep|*6Aoe|k5E}M$CX}ReiDdNFVJb`;2HFPoZ#k<hONjPR
zC#M7;ql54J64S_7k`uBIH@)|l`e5wC?>1XmwD7lRCY>d@gP9TT+t`-?IOoo#VAOS;
z=&{ybgb-4!JLiz)HpG80+%_s>N=Fl++BpY74z0C4mDq6p5oPgwmYaF+DQCrl5JD21
zb8d?G7690zV>yR!8dCrsLkNi>P>;L<@s(xCip3KWbuIybuuDG9YTv4=YFHEniq=Fc
zS@HrA^{T2G6-5DqV*!c%*4l9!05kt3E=VDQA_LlU!FcDr-)V~r+R(XN=9kqHC03;A
zaSqp1++Z9GCjezxKIGDw{H7C!F=iBFyp+%bh3#0z8JYSk@BO-jq_y_Y7=xP7BsQ^y
z5|6cTfrMWI3=PPEF-C|G3QlUy#pprSwAlf;*=)8h0?kPbE=%<1%QhN7I066)&__8;
zACNa3#uy)w>qTI10T6a_$gSznl?#Y1WLyA%xF+3h7j8gvkvf=c>?3M|WJX~tGqaF;
za8ubYH3VVD%qL(`vyF=uMbU3Ep$-ou3M3^|ui0!i5K4uC1<Ptc>m%P7)I)S~=A5f_
zDn{L&YpF!3+TgMlO;MVnsI@+&Up*$#hOxO?fcTbfIB%HNb-gVSpu%cSH@SB>Yxk3I
zL#NY0OP3N745O{X{|im2I($S#@71lAw&hw-ZQ)A96h-l+_0G7~J?9()I-$J0yi7Ws
z4w}=HqL;l5-U5(|n>Kz@*Y#*+Wu@QFpbH(50Lk>BKadX{F4`{CbhP9Eh;|&`#*(>2
zJ3bV+wi{*cRRCC!>jWMbFq#_9%m@tQ*_QlS6a|VF5}Ldd&`%=0<MA?;qNauTp8)6$
z(p;jWAtJnP@LB>BU<TC^K*0)9annC8GpfhlWT3q{Cl}lr50-S>)^}Og_33ML|1SoX
pfq|&-;KXD0>FMeIS0AuA^B>#T1IC@8hh_i(002ovPDHLkV1fw#d6obG
literal 0
HcmV?d00001
diff --git a/animals-icons/turtle.png b/animals-icons/turtle.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6a8360b3f0c65cabeff58e20051b9a3bc87c3f6
GIT binary patch
literal 613
zcmV-r0-F7aP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006kNkl<ZSV!$v
zOLE#k6nw2EEW!=q+`!yG?97O&I46jGgX9FUPhfHalM{qgp@Cg=19O9r8{mb+O6t_3
z5H*qo62^`<%yK^cdiuTTH;^|Tc;onTB5+dRC<Tl$A4TLGK!@ZKz#@+0Ur`h-n-=$)
zK)>I=1aJr7jO18EZmqTRT_EoMiakq`Lu>7A6B01S+yMAi+PqBDv^$&47G)4)%sqgs
zI&hNnBuRR8Y9I&#R)LXJ6>i)$W6T49^Sa>qdJ_^#U?d`+D?q=7VK~g^o8G*PQ%7Q5
z1B1c9C;8hw44^leOd_4zk*20X2+5JP_PXl8_7#*<krSvQ*En)<V?oh;X-mKuvjFfu
zU&ylT(`vPf+U@oq5$QZLXyF*iZuxb&1jYdLU9X4c4uHOA|0RNNFc(RZblsQX61W0z
z|5CyB;6z~<_MW6*Q*7#H?_Qe($;*v%J{GK49nSN-pRY~8Npq3FMuq>93X+dnUzN?s
z7^4m5%MOEjwm>BRiij3>6vy#Mi*au^ytueH^E^)#DffzlNN8XH!#rrg@am9)AW$Xl
zoV@8RI)@Z1$?w)$#d$LJDo|CFX_|h>yQI2g8By)q_x(<*)l#Xq#zykmTC07hFm@79
zkO~+45r$!HE8bPiF8N9yaH(wy@xh&|0@#<rvc0<vu9kpqP>HiF^Yy2cW!ZQ-o$7C?
z@z6_%NUqrYpcFKYa^%LNKBY&-ULQXZI4STCQ5+W<#gyI#00000NkvXXu0mjf5r-g-
literal 0
HcmV?d00001
diff --git a/animals-icons/wolf.png b/animals-icons/wolf.png
new file mode 100644
index 0000000000000000000000000000000000000000..75d522b3eb7512aaa573bee6c02d74587493f094
GIT binary patch
literal 795
zcmV+$1LXXPP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008wNkl<ZSVz5=
zQF7Wa5QepeCwM45LFow+PEhj(GBYJ7XnTStCn!BZ-~>%i&}0V7ywy2D$O%es01xO1
zdpqlq7}-b|2D^R&EOtMw_TOCrGak<QlrgpxLOhti*ZCPt<3SK0V{DxyNpG=Otm<^E
zZ5IKSjIk?3TuLeXaU8GfhR6Uo=M%;l0>FkbcCVbS5pgPn_+BSO2H^XCr`2k$0Dz95
zV>+xm8v7#{jYd8q{<iHF5g&yRH+4iJmjj&h7yv%l9HnV`6GhQu)et#=;cz(iJnxso
z3FSmz2tkQj*^>hp3<ljsqw&XO9T8Vj%3hV~$N`XJRSQf8+WAcXAf=rCZ-C4<B0fkd
z@2Yf8b`K)JIbQ?78;2TZLWtYS62JlARDyCGr)fHgqUgB_5L*Pw08GEJIv(m9X73=S
z{5?f6mjWCO0;z^EM!7R{<&F(t0s!Bt2(Pw5<(vwct;5;?J_EpyDgo3n(VWpM+C2a$
zD@K=qA>x<fuyX)F4mju38Q)#v%pv20D7XNo0PwYH0J4`P$$K*wTmaVq@Ny~uB0d4Y
z$KrZK+yDS6;Yz;)fc|_w&*W>Zg!)Ag1lf3|zP}=3$8{`-NK@0TrGoxM#ID)mX{``~
zCa~iGob$aJNY81S_M6RS*A|uCZnyG0kJjhpOVR@X0^83RCj%H`TGkiBFti?*1}d)C
z|0xbRCj*dyAPDGw@JZ>oS5{h!0}Vmbz-vb4EC6#(EGCaDLFsa%6|~)M-?rOry6j||
zP#bv?LX1muKrb+A!d)1KWbEiugih1cFGS#32;rXtpu6MQ0Hk>UxHjiZ>I-H`KAKoW
zsgnp1OLIWw4Gk=Gxp@u4@LJi(RaQD0-5pCayWMWnklHCzfpKInv}?xLK4P5nTwybN
zf)jw6lIMB%05C?x+_~A3KslkE(*<WErR<tBfO=1=qT;r{0G9zQsk#-VV*^mYdi}|>
Z<3FR1wlFavzp?-T002ovPDHLkV1fZ=SNs3~
literal 0
HcmV?d00001
diff --git a/animals-icons/world.png b/animals-icons/world.png
new file mode 100644
index 0000000000000000000000000000000000000000..845e85c57d95441bf9b332b71d9443dbe93bfe6e
GIT binary patch
literal 730
zcmV<00ww*4P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007^Nkl<ZSV!$v
zOKuuL5bc^lLTDD@1|bKCOiqyT4i89iZh)oi!wuq`Aov8q$^lFyrhru@$^l}QSp}cK
zctNw8spyTS(J+}0EG&CLZ}@aq_3KyfRX3?89`wZft0RCT1J9FzZnrxS5n<*lxWx0k
zOCtJI<`@zA&dleCRZ4xSa+g^jGvIk%8=uU4+w1jQ5&41NQ53!3Y&L=8IDeH=%?bcN
znc3Y3tjXj1J{bT(0ssjDB6@2UiO7<OT6>)6U;sEEd7d{;oo+xxzeVJZh+bB0nw~e5
z9>Rc#T>U3P&-3~sva&4eW*-0|@}QI&YORMs5Udb`GA1P)6VZ#JJTU;&pNJruIOxz3
zhT*H(Y_`mc%a${<X5ssOo4Vbu9J*<;ejy?)W-b(GNjVnl_1XnvU|>~7Qyw_buC;C%
z%8L$gc6N52E@fW1Vhx~XQ52zmD96_-Mxfs5bUKEBiRc~dR1}lsj<o<sX|3O+ffq6$
zA{UlrEu$zJ!4W_&B7GuSqF*Ha<3kvRf9CV~uQJe`PN!wtHr#e1B8bIzj8&lqpipKW
zz!hKxfS7sYx^A=4Xq;G<h2AhK6JZ(@;vC1h&jKwKp-GPR>ihl>N$U0bYumQJC9K>r
zb7hk<o8}3=jDd%&!V}A)QC%pdZcQnwG=ur13~1>)gD_F6)mkDlM2%9j*S_!fvjG5c
z$i^l<eaD#pb~<6UX&9xKoem|bvSJYcw0o^}duyLG04P3+qIO<~OK#2^xB<2mk<)z`
zF=94=i0E`OnFP52lv3A8PZ(fPnuVO(GQI_?bdc_f#$kxr0zlUyqWE0^pIVmH%x<1|
zAG(0@n?&?cL_Ra~Wfg$bLuK2BcK}o+c&z#7`6hg<)8^$pGH_(zAEu6@V&Liu_W%F@
M07*qoM6N<$g1Ej)WdHyG
literal 0
HcmV?d00001
diff --git a/assets/app.js b/assets/app.js
new file mode 100644
index 000000000..3b44a919d
--- /dev/null
+++ b/assets/app.js
@@ -0,0 +1,7 @@
+!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="./",n(n.s=146)}([function(t,e){t.exports=Vue},function(t,e,n){var r=n(3),o=n(10),i=n(18),a=n(15),c=n(21),s=function(t,e,n){var u,l,d,f,h=t&s.F,p=t&s.G,m=t&s.S,v=t&s.P,g=t&s.B,y=p?r:m?r[e]||(r[e]={}):(r[e]||{}).prototype,b=p?o:o[e]||(o[e]={}),_=b.prototype||(b.prototype={});for(u in p&&(n=e),n)d=((l=!h&&y&&void 0!==y[u])?y:n)[u],f=g&&l?c(d,r):v&&"function"==typeof d?c(Function.call,d):d,y&&a(y,u,d,t&s.U),b[u]!=d&&i(b,u,f),v&&_[u]!=d&&(_[u]=d)};r.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),a=[];function c(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function s(t,e){for(var n={},r=[],o=0;o<t.length;o++){var i=t[o],s=e.base?i[0]+e.base:i[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var d=c(l),f={css:i[1],media:i[2],sourceMap:i[3]};-1!==d?(a[d].references++,a[d].updater(f)):a.push({identifier:l,updater:v(f,e),references:1}),r.push(l)}return r}function u(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var a=i(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var l,d=(l=[],function(t,e){return l[t]=e,l.filter(Boolean).join("\n")});function f(t,e,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=d(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function h(t,e,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var p=null,m=0;function v(t,e){var n,r,o;if(e.singleton){var i=m++;n=p||(p=u(e)),r=f.bind(null,n,i,!1),o=f.bind(null,n,i,!0)}else n=u(e),r=h.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=s(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=s(t,e),u=0;u<n.length;u++){var l=c(n[u]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(6);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var r=n(52)("wks"),o=n(33),i=n(3).Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},function(t,e){t.exports=cheetahGrid},function(t,e,n){var r=n(23),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e){var n=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=n)},function(t,e,n){t.exports=!n(4)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(5),o=n(111),i=n(30),a=Object.defineProperty;e.f=n(11)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map((function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"}));return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n})).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var r=n(28);t.exports=function(t){return Object(r(t))}},function(t,e,n){var r=n(3),o=n(18),i=n(17),a=n(33)("src"),c=n(151),s=(""+c).split("toString");n(10).inspectSource=function(t){return c.call(t)},(t.exports=function(t,e,n,c){var u="function"==typeof n;u&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(u&&(i(n,a)||o(n,a,t[e]?""+t[e]:s.join(String(e)))),t===r?t[e]=n:c?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,"toString",(function(){return"function"==typeof this&&this[a]||c.call(this)}))},function(t,e,n){var r=n(1),o=n(4),i=n(28),a=/"/g,c=function(t,e,n,r){var o=String(i(t)),c="<"+e;return""!==n&&(c+=" "+n+'="'+String(r).replace(a,""")+'"'),c+">"+o+"</"+e+">"};t.exports=function(t,e){var n={};n[t]=e(c),r(r.P+r.F*o((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3})),"String",n)}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(12),o=n(32);t.exports=n(11)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(48),o=n(28);t.exports=function(t){return r(o(t))}},function(t,e,n){"use strict";var r=n(4);t.exports=function(t,e){return!!t&&r((function(){e?t.call(null,(function(){}),1):t.call(null)}))}},function(t,e,n){var r=n(22);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(49),o=n(32),i=n(19),a=n(30),c=n(17),s=n(111),u=Object.getOwnPropertyDescriptor;e.f=n(11)?u:function(t,e){if(t=i(t),e=a(e,!0),s)try{return u(t,e)}catch(t){}if(c(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(1),o=n(10),i=n(4);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*i((function(){n(1)})),"Object",a)}},function(t,e,n){var r=n(21),o=n(48),i=n(14),a=n(9),c=n(127);t.exports=function(t,e){var n=1==t,s=2==t,u=3==t,l=4==t,d=6==t,f=5==t||d,h=e||c;return function(e,c,p){for(var m,v,g=i(e),y=o(g),b=r(c,p,3),_=a(y.length),O=0,w=n?h(e,_):s?h(e,0):void 0;_>O;O++)if((f||O in y)&&(v=b(m=y[O],O,g),t))if(n)w[O]=v;else if(v)switch(t){case 3:return!0;case 5:return m;case 6:return O;case 2:w.push(m)}else if(l)return!1;return d?-1:u||l?l:w}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){"use strict";if(n(11)){var r=n(34),o=n(3),i=n(4),a=n(1),c=n(63),s=n(89),u=n(21),l=n(46),d=n(32),f=n(18),h=n(47),p=n(23),m=n(9),v=n(138),g=n(36),y=n(30),b=n(17),_=n(50),O=n(6),w=n(14),x=n(81),C=n(37),j=n(39),S=n(38).f,I=n(83),k=n(33),E=n(7),N=n(26),P=n(53),A=n(51),G=n(85),T=n(44),F=n(56),M=n(45),V=n(84),$=n(129),R=n(12),L=n(24),B=R.f,D=L.f,W=o.RangeError,U=o.TypeError,z=o.Uint8Array,H=Array.prototype,K=s.ArrayBuffer,q=s.DataView,J=N(0),Y=N(2),X=N(3),Z=N(4),Q=N(5),tt=N(6),et=P(!0),nt=P(!1),rt=G.values,ot=G.keys,it=G.entries,at=H.lastIndexOf,ct=H.reduce,st=H.reduceRight,ut=H.join,lt=H.sort,dt=H.slice,ft=H.toString,ht=H.toLocaleString,pt=E("iterator"),mt=E("toStringTag"),vt=k("typed_constructor"),gt=k("def_constructor"),yt=c.CONSTR,bt=c.TYPED,_t=c.VIEW,Ot=N(1,(function(t,e){return St(A(t,t[gt]),e)})),wt=i((function(){return 1===new z(new Uint16Array([1]).buffer)[0]})),xt=!!z&&!!z.prototype.set&&i((function(){new z(1).set({})})),Ct=function(t,e){var n=p(t);if(n<0||n%e)throw W("Wrong offset!");return n},jt=function(t){if(O(t)&&bt in t)return t;throw U(t+" is not a typed array!")},St=function(t,e){if(!O(t)||!(vt in t))throw U("It is not a typed array constructor!");return new t(e)},It=function(t,e){return kt(A(t,t[gt]),e)},kt=function(t,e){for(var n=0,r=e.length,o=St(t,r);r>n;)o[n]=e[n++];return o},Et=function(t,e,n){B(t,e,{get:function(){return this._d[n]}})},Nt=function(t){var e,n,r,o,i,a,c=w(t),s=arguments.length,l=s>1?arguments[1]:void 0,d=void 0!==l,f=I(c);if(null!=f&&!x(f)){for(a=f.call(c),r=[],e=0;!(i=a.next()).done;e++)r.push(i.value);c=r}for(d&&s>2&&(l=u(l,arguments[2],2)),e=0,n=m(c.length),o=St(this,n);n>e;e++)o[e]=d?l(c[e],e):c[e];return o},Pt=function(){for(var t=0,e=arguments.length,n=St(this,e);e>t;)n[t]=arguments[t++];return n},At=!!z&&i((function(){ht.call(new z(1))})),Gt=function(){return ht.apply(At?dt.call(jt(this)):jt(this),arguments)},Tt={copyWithin:function(t,e){return $.call(jt(this),t,e,arguments.length>2?arguments[2]:void 0)},every:function(t){return Z(jt(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return V.apply(jt(this),arguments)},filter:function(t){return It(this,Y(jt(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return Q(jt(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(jt(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){J(jt(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return nt(jt(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return et(jt(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return ut.apply(jt(this),arguments)},lastIndexOf:function(t){return at.apply(jt(this),arguments)},map:function(t){return Ot(jt(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ct.apply(jt(this),arguments)},reduceRight:function(t){return st.apply(jt(this),arguments)},reverse:function(){for(var t,e=jt(this).length,n=Math.floor(e/2),r=0;r<n;)t=this[r],this[r++]=this[--e],this[e]=t;return this},some:function(t){return X(jt(this),t,arguments.length>1?arguments[1]:void 0)},sort:function(t){return lt.call(jt(this),t)},subarray:function(t,e){var n=jt(this),r=n.length,o=g(t,r);return new(A(n,n[gt]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,m((void 0===e?r:g(e,r))-o))}},Ft=function(t,e){return It(this,dt.call(jt(this),t,e))},Mt=function(t){jt(this);var e=Ct(arguments[1],1),n=this.length,r=w(t),o=m(r.length),i=0;if(o+e>n)throw W("Wrong length!");for(;i<o;)this[e+i]=r[i++]},Vt={entries:function(){return it.call(jt(this))},keys:function(){return ot.call(jt(this))},values:function(){return rt.call(jt(this))}},$t=function(t,e){return O(t)&&t[bt]&&"symbol"!=typeof e&&e in t&&String(+e)==String(e)},Rt=function(t,e){return $t(t,e=y(e,!0))?d(2,t[e]):D(t,e)},Lt=function(t,e,n){return!($t(t,e=y(e,!0))&&O(n)&&b(n,"value"))||b(n,"get")||b(n,"set")||n.configurable||b(n,"writable")&&!n.writable||b(n,"enumerable")&&!n.enumerable?B(t,e,n):(t[e]=n.value,t)};yt||(L.f=Rt,R.f=Lt),a(a.S+a.F*!yt,"Object",{getOwnPropertyDescriptor:Rt,defineProperty:Lt}),i((function(){ft.call({})}))&&(ft=ht=function(){return ut.call(this)});var Bt=h({},Tt);h(Bt,Vt),f(Bt,pt,Vt.values),h(Bt,{slice:Ft,set:Mt,constructor:function(){},toString:ft,toLocaleString:Gt}),Et(Bt,"buffer","b"),Et(Bt,"byteOffset","o"),Et(Bt,"byteLength","l"),Et(Bt,"length","e"),B(Bt,mt,{get:function(){return this[bt]}}),t.exports=function(t,e,n,s){var u=t+((s=!!s)?"Clamped":"")+"Array",d="get"+t,h="set"+t,p=o[u],g=p||{},y=p&&j(p),b=!p||!c.ABV,w={},x=p&&p.prototype,I=function(t,n){B(t,n,{get:function(){return function(t,n){var r=t._d;return r.v[d](n*e+r.o,wt)}(this,n)},set:function(t){return function(t,n,r){var o=t._d;s&&(r=(r=Math.round(r))<0?0:r>255?255:255&r),o.v[h](n*e+o.o,r,wt)}(this,n,t)},enumerable:!0})};b?(p=n((function(t,n,r,o){l(t,p,u,"_d");var i,a,c,s,d=0,h=0;if(O(n)){if(!(n instanceof K||"ArrayBuffer"==(s=_(n))||"SharedArrayBuffer"==s))return bt in n?kt(p,n):Nt.call(p,n);i=n,h=Ct(r,e);var g=n.byteLength;if(void 0===o){if(g%e)throw W("Wrong length!");if((a=g-h)<0)throw W("Wrong length!")}else if((a=m(o)*e)+h>g)throw W("Wrong length!");c=a/e}else c=v(n),i=new K(a=c*e);for(f(t,"_d",{b:i,o:h,l:a,e:c,v:new q(i)});d<c;)I(t,d++)})),x=p.prototype=C(Bt),f(x,"constructor",p)):i((function(){p(1)}))&&i((function(){new p(-1)}))&&F((function(t){new p,new p(null),new p(1.5),new p(t)}),!0)||(p=n((function(t,n,r,o){var i;return l(t,p,u),O(n)?n instanceof K||"ArrayBuffer"==(i=_(n))||"SharedArrayBuffer"==i?void 0!==o?new g(n,Ct(r,e),o):void 0!==r?new g(n,Ct(r,e)):new g(n):bt in n?kt(p,n):Nt.call(p,n):new g(v(n))})),J(y!==Function.prototype?S(g).concat(S(y)):S(g),(function(t){t in p||f(p,t,g[t])})),p.prototype=x,r||(x.constructor=p));var k=x[pt],E=!!k&&("values"==k.name||null==k.name),N=Vt.values;f(p,vt,!0),f(x,bt,u),f(x,_t,!0),f(x,gt,p),(s?new p(1)[mt]==u:mt in x)||B(x,mt,{get:function(){return u}}),w[u]=p,a(a.G+a.W+a.F*(p!=g),w),a(a.S,u,{BYTES_PER_ELEMENT:e}),a(a.S+a.F*i((function(){g.of.call(p,1)})),u,{from:Nt,of:Pt}),"BYTES_PER_ELEMENT"in x||f(x,"BYTES_PER_ELEMENT",e),a(a.P,u,Tt),M(u),a(a.P+a.F*xt,u,{set:Mt}),a(a.P+a.F*!E,u,Vt),r||x.toString==ft||(x.toString=ft),a(a.P+a.F*i((function(){new p(1).slice()})),u,{slice:Ft}),a(a.P+a.F*(i((function(){return[1,2].toLocaleString()!=new p([1,2]).toLocaleString()}))||!i((function(){x.toLocaleString.call([1,2])}))),u,{toLocaleString:Gt}),T[u]=E?k:N,r||E||f(x,pt,N)}}else t.exports=function(){}},function(t,e,n){var r=n(6);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(33)("meta"),o=n(6),i=n(17),a=n(12).f,c=0,s=Object.isExtensible||function(){return!0},u=!n(4)((function(){return s(Object.preventExtensions({}))})),l=function(t){a(t,r,{value:{i:"O"+ ++c,w:{}}})},d=t.exports={KEY:r,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!s(t))return"F";if(!e)return"E";l(t)}return t[r].i},getWeak:function(t,e){if(!i(t,r)){if(!s(t))return!0;if(!e)return!1;l(t)}return t[r].w},onFreeze:function(t){return u&&d.NEED&&s(t)&&!i(t,r)&&l(t),t}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e){t.exports=!1},function(t,e,n){var r=n(113),o=n(68);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){var r=n(23),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(5),o=n(114),i=n(68),a=n(67)("IE_PROTO"),c=function(){},s=function(){var t,e=n(65)("iframe"),r=i.length;for(e.style.display="none",n(69).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[i[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(c.prototype=r(t),n=new c,c.prototype=null,n[a]=t):n=s(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(113),o=n(68).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(17),o=n(14),i=n(67)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var r=n(7)("unscopables"),o=Array.prototype;null==o[r]&&n(18)(o,r,{}),t.exports=function(t){o[r][t]=!0}},function(t,e,n){var r=n(6);t.exports=function(t,e){if(!r(t)||t._t!==e)throw TypeError("Incompatible receiver, "+e+" required!");return t}},function(t,e,n){var r=n(12).f,o=n(17),i=n(7)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(1),o=n(28),i=n(4),a=n(71),c="["+a+"]",s=RegExp("^"+c+c+"*"),u=RegExp(c+c+"*$"),l=function(t,e,n){var o={},c=i((function(){return!!a[t]()||"
"!="
"[t]()})),s=o[t]=c?e(d):a[t];n&&(o[n]=s),r(r.P+r.F*c,"String",o)},d=l.trim=function(t,e){return t=String(o(t)),1&e&&(t=t.replace(s,"")),2&e&&(t=t.replace(u,"")),t};t.exports=l},function(t,e){t.exports={}},function(t,e,n){"use strict";var r=n(3),o=n(12),i=n(11),a=n(7)("species");t.exports=function(t){var e=r[t];i&&e&&!e[a]&&o.f(e,a,{configurable:!0,get:function(){return this}})}},function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e,n){var r=n(15);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){var r=n(27);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var r=n(27),o=n(7)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:i?r(e):"Object"==(a=r(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,n){var r=n(5),o=n(22),i=n(7)("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||null==(n=r(a)[i])?e:o(n)}},function(t,e,n){var r=n(10),o=n(3),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(34)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var r=n(19),o=n(9),i=n(36);t.exports=function(t){return function(e,n,a){var c,s=r(e),u=o(s.length),l=i(a,u);if(t&&n!=n){for(;u>l;)if((c=s[l++])!=c)return!0}else for(;u>l;l++)if((t||l in s)&&s[l]===n)return t||l||0;return!t&&-1}}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(27);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(7)("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,(function(){throw 2}))}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},t(i)}catch(t){}return n}},function(t,e,n){"use strict";var r=n(5);t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},function(t,e,n){"use strict";var r=n(50),o=RegExp.prototype.exec;t.exports=function(t,e){var n=t.exec;if("function"==typeof n){var i=n.call(t,e);if("object"!=typeof i)throw new TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==r(t))throw new TypeError("RegExp#exec called on incompatible receiver");return o.call(t,e)}},function(t,e,n){"use strict";n(131);var r=n(15),o=n(18),i=n(4),a=n(28),c=n(7),s=n(86),u=c("species"),l=!i((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")})),d=function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var n="ab".split(t);return 2===n.length&&"a"===n[0]&&"b"===n[1]}();t.exports=function(t,e,n){var f=c(t),h=!i((function(){var e={};return e[f]=function(){return 7},7!=""[t](e)})),p=h?!i((function(){var e=!1,n=/a/;return n.exec=function(){return e=!0,null},"split"===t&&(n.constructor={},n.constructor[u]=function(){return n}),n[f](""),!e})):void 0;if(!h||!p||"replace"===t&&!l||"split"===t&&!d){var m=/./[f],v=n(a,f,""[t],(function(t,e,n,r,o){return e.exec===s?h&&!o?{done:!0,value:m.call(e,n,r)}:{done:!0,value:t.call(n,e,r)}:{done:!1}})),g=v[0],y=v[1];r(String.prototype,t,g),o(RegExp.prototype,f,2==e?function(t,e){return y.call(t,this,e)}:function(t){return y.call(t,this)})}}},function(t,e,n){var r=n(21),o=n(126),i=n(81),a=n(5),c=n(9),s=n(83),u={},l={};(e=t.exports=function(t,e,n,d,f){var h,p,m,v,g=f?function(){return t}:s(t),y=r(n,d,e?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(i(g)){for(h=c(t.length);h>b;b++)if((v=e?y(a(p=t[b])[0],p[1]):y(t[b]))===u||v===l)return v}else for(m=g.call(t);!(p=m.next()).done;)if((v=o(m,y,p.value,e))===u||v===l)return v}).BREAK=u,e.RETURN=l},function(t,e,n){var r=n(3).navigator;t.exports=r&&r.userAgent||""},function(t,e,n){"use strict";var r=n(3),o=n(1),i=n(15),a=n(47),c=n(31),s=n(60),u=n(46),l=n(6),d=n(4),f=n(56),h=n(42),p=n(72);t.exports=function(t,e,n,m,v,g){var y=r[t],b=y,_=v?"set":"add",O=b&&b.prototype,w={},x=function(t){var e=O[t];i(O,t,"delete"==t||"has"==t?function(t){return!(g&&!l(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return g&&!l(t)?void 0:e.call(this,0===t?0:t)}:"add"==t?function(t){return e.call(this,0===t?0:t),this}:function(t,n){return e.call(this,0===t?0:t,n),this})};if("function"==typeof b&&(g||O.forEach&&!d((function(){(new b).entries().next()})))){var C=new b,j=C[_](g?{}:-0,1)!=C,S=d((function(){C.has(1)})),I=f((function(t){new b(t)})),k=!g&&d((function(){for(var t=new b,e=5;e--;)t[_](e,e);return!t.has(-0)}));I||((b=e((function(e,n){u(e,b,t);var r=p(new y,e,b);return null!=n&&s(n,v,r[_],r),r}))).prototype=O,O.constructor=b),(S||k)&&(x("delete"),x("has"),v&&x("get")),(k||j)&&x(_),g&&O.clear&&delete O.clear}else b=m.getConstructor(e,t,v,_),a(b.prototype,n),c.NEED=!0;return h(b,t),w[t]=b,o(o.G+o.W+o.F*(b!=y),w),g||m.setStrong(b,t,v),b}},function(t,e,n){for(var r,o=n(3),i=n(18),a=n(33),c=a("typed_array"),s=a("view"),u=!(!o.ArrayBuffer||!o.DataView),l=u,d=0,f="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");d<9;)(r=o[f[d++]])?(i(r.prototype,c,!0),i(r.prototype,s,!0)):l=!1;t.exports={ABV:u,CONSTR:l,TYPED:c,VIEW:s}},function(t,e,n){var r=n(334),o=n(335),i=n(336),a=n(338);t.exports=function(t,e){return r(t)||o(t,e)||i(t,e)||a()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(6),o=n(3).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){e.f=n(7)},function(t,e,n){var r=n(52)("keys"),o=n(33);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(3).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(6),o=n(5),i=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{(r=n(21)(Function.call,n(24).f(Object.prototype,"__proto__").set,2))(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:i}},function(t,e){t.exports="\t\n\v\f\r \u2028\u2029\ufeff"},function(t,e,n){var r=n(6),o=n(70).set;t.exports=function(t,e,n){var i,a=e.constructor;return a!==n&&"function"==typeof a&&(i=a.prototype)!==n.prototype&&r(i)&&o&&o(t,i),t}},function(t,e,n){"use strict";var r=n(23),o=n(28);t.exports=function(t){var e=String(o(this)),n="",i=r(t);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(e+=e))1&i&&(n+=e);return n}},function(t,e){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},function(t,e){var n=Math.expm1;t.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||-2e-17!=n(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:n},function(t,e,n){var r=n(23),o=n(28);t.exports=function(t){return function(e,n){var i,a,c=String(o(e)),s=r(n),u=c.length;return s<0||s>=u?t?"":void 0:(i=c.charCodeAt(s))<55296||i>56319||s+1===u||(a=c.charCodeAt(s+1))<56320||a>57343?t?c.charAt(s):i:t?c.slice(s,s+2):a-56320+(i-55296<<10)+65536}}},function(t,e,n){"use strict";var r=n(34),o=n(1),i=n(15),a=n(18),c=n(44),s=n(125),u=n(42),l=n(39),d=n(7)("iterator"),f=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,n,p,m,v,g){s(n,e,p);var y,b,_,O=function(t){if(!f&&t in j)return j[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},w=e+" Iterator",x="values"==m,C=!1,j=t.prototype,S=j[d]||j["@@iterator"]||m&&j[m],I=S||O(m),k=m?x?O("entries"):I:void 0,E="Array"==e&&j.entries||S;if(E&&(_=l(E.call(new t)))!==Object.prototype&&_.next&&(u(_,w,!0),r||"function"==typeof _[d]||a(_,d,h)),x&&S&&"values"!==S.name&&(C=!0,I=function(){return S.call(this)}),r&&!g||!f&&!C&&j[d]||a(j,d,I),c[e]=I,c[w]=h,m)if(y={values:x?I:O("values"),keys:v?I:O("keys"),entries:k},g)for(b in y)b in j||i(j,b,y[b]);else o(o.P+o.F*(f||C),e,y);return y}},function(t,e,n){var r=n(79),o=n(28);t.exports=function(t,e,n){if(r(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(o(t))}},function(t,e,n){var r=n(6),o=n(27),i=n(7)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},function(t,e,n){var r=n(7)("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[r]=!1,!"/./"[t](e)}catch(t){}}return!0}},function(t,e,n){var r=n(44),o=n(7)("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},function(t,e,n){"use strict";var r=n(12),o=n(32);t.exports=function(t,e,n){e in t?r.f(t,e,o(0,n)):t[e]=n}},function(t,e,n){var r=n(50),o=n(7)("iterator"),i=n(44);t.exports=n(10).getIteratorMethod=function(t){if(null!=t)return t[o]||t["@@iterator"]||i[r(t)]}},function(t,e,n){"use strict";var r=n(14),o=n(36),i=n(9);t.exports=function(t){for(var e=r(this),n=i(e.length),a=arguments.length,c=o(a>1?arguments[1]:void 0,n),s=a>2?arguments[2]:void 0,u=void 0===s?n:o(s,n);u>c;)e[c++]=t;return e}},function(t,e,n){"use strict";var r=n(40),o=n(130),i=n(44),a=n(19);t.exports=n(77)(Array,"Array",(function(t,e){this._t=a(t),this._i=0,this._k=e}),(function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])}),"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e,n){"use strict";var r,o,i=n(57),a=RegExp.prototype.exec,c=String.prototype.replace,s=a,u=(r=/a/,o=/b*/g,a.call(r,"a"),a.call(o,"a"),0!==r.lastIndex||0!==o.lastIndex),l=void 0!==/()??/.exec("")[1];(u||l)&&(s=function(t){var e,n,r,o,s=this;return l&&(n=new RegExp("^"+s.source+"$(?!\\s)",i.call(s))),u&&(e=s.lastIndex),r=a.call(s,t),u&&r&&(s.lastIndex=s.global?r.index+r[0].length:e),l&&r&&r.length>1&&c.call(r[0],n,(function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(r[o]=void 0)})),r}),t.exports=s},function(t,e,n){"use strict";var r=n(76)(!0);t.exports=function(t,e,n){return e+(n?r(t,e).length:1)}},function(t,e,n){var r,o,i,a=n(21),c=n(119),s=n(69),u=n(65),l=n(3),d=l.process,f=l.setImmediate,h=l.clearImmediate,p=l.MessageChannel,m=l.Dispatch,v=0,g={},y=function(){var t=+this;if(g.hasOwnProperty(t)){var e=g[t];delete g[t],e()}},b=function(t){y.call(t.data)};f&&h||(f=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return g[++v]=function(){c("function"==typeof t?t:Function(t),e)},r(v),v},h=function(t){delete g[t]},"process"==n(27)(d)?r=function(t){d.nextTick(a(y,t,1))}:m&&m.now?r=function(t){m.now(a(y,t,1))}:p?(i=(o=new p).port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(r=function(t){l.postMessage(t+"","*")},l.addEventListener("message",b,!1)):r="onreadystatechange"in u("script")?function(t){s.appendChild(u("script")).onreadystatechange=function(){s.removeChild(this),y.call(t)}}:function(t){setTimeout(a(y,t,1),0)}),t.exports={set:f,clear:h}},function(t,e,n){"use strict";var r=n(3),o=n(11),i=n(34),a=n(63),c=n(18),s=n(47),u=n(4),l=n(46),d=n(23),f=n(9),h=n(138),p=n(38).f,m=n(12).f,v=n(84),g=n(42),y=r.ArrayBuffer,b=r.DataView,_=r.Math,O=r.RangeError,w=r.Infinity,x=y,C=_.abs,j=_.pow,S=_.floor,I=_.log,k=_.LN2,E=o?"_b":"buffer",N=o?"_l":"byteLength",P=o?"_o":"byteOffset";function A(t,e,n){var r,o,i,a=new Array(n),c=8*n-e-1,s=(1<<c)-1,u=s>>1,l=23===e?j(2,-24)-j(2,-77):0,d=0,f=t<0||0===t&&1/t<0?1:0;for((t=C(t))!=t||t===w?(o=t!=t?1:0,r=s):(r=S(I(t)/k),t*(i=j(2,-r))<1&&(r--,i*=2),(t+=r+u>=1?l/i:l*j(2,1-u))*i>=2&&(r++,i/=2),r+u>=s?(o=0,r=s):r+u>=1?(o=(t*i-1)*j(2,e),r+=u):(o=t*j(2,u-1)*j(2,e),r=0));e>=8;a[d++]=255&o,o/=256,e-=8);for(r=r<<e|o,c+=e;c>0;a[d++]=255&r,r/=256,c-=8);return a[--d]|=128*f,a}function G(t,e,n){var r,o=8*n-e-1,i=(1<<o)-1,a=i>>1,c=o-7,s=n-1,u=t[s--],l=127&u;for(u>>=7;c>0;l=256*l+t[s],s--,c-=8);for(r=l&(1<<-c)-1,l>>=-c,c+=e;c>0;r=256*r+t[s],s--,c-=8);if(0===l)l=1-a;else{if(l===i)return r?NaN:u?-w:w;r+=j(2,e),l-=a}return(u?-1:1)*r*j(2,l-e)}function T(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function F(t){return[255&t]}function M(t){return[255&t,t>>8&255]}function V(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function $(t){return A(t,52,8)}function R(t){return A(t,23,4)}function L(t,e,n){m(t.prototype,e,{get:function(){return this[n]}})}function B(t,e,n,r){var o=h(+n);if(o+e>t[N])throw O("Wrong index!");var i=t[E]._b,a=o+t[P],c=i.slice(a,a+e);return r?c:c.reverse()}function D(t,e,n,r,o,i){var a=h(+n);if(a+e>t[N])throw O("Wrong index!");for(var c=t[E]._b,s=a+t[P],u=r(+o),l=0;l<e;l++)c[s+l]=u[i?l:e-l-1]}if(a.ABV){if(!u((function(){y(1)}))||!u((function(){new y(-1)}))||u((function(){return new y,new y(1.5),new y(NaN),"ArrayBuffer"!=y.name}))){for(var W,U=(y=function(t){return l(this,y),new x(h(t))}).prototype=x.prototype,z=p(x),H=0;z.length>H;)(W=z[H++])in y||c(y,W,x[W]);i||(U.constructor=y)}var K=new b(new y(2)),q=b.prototype.setInt8;K.setInt8(0,2147483648),K.setInt8(1,2147483649),!K.getInt8(0)&&K.getInt8(1)||s(b.prototype,{setInt8:function(t,e){q.call(this,t,e<<24>>24)},setUint8:function(t,e){q.call(this,t,e<<24>>24)}},!0)}else y=function(t){l(this,y,"ArrayBuffer");var e=h(t);this._b=v.call(new Array(e),0),this[N]=e},b=function(t,e,n){l(this,b,"DataView"),l(t,y,"DataView");var r=t[N],o=d(e);if(o<0||o>r)throw O("Wrong offset!");if(o+(n=void 0===n?r-o:f(n))>r)throw O("Wrong length!");this[E]=t,this[P]=o,this[N]=n},o&&(L(y,"byteLength","_l"),L(b,"buffer","_b"),L(b,"byteLength","_l"),L(b,"byteOffset","_o")),s(b.prototype,{getInt8:function(t){return B(this,1,t)[0]<<24>>24},getUint8:function(t){return B(this,1,t)[0]},getInt16:function(t){var e=B(this,2,t,arguments[1]);return(e[1]<<8|e[0])<<16>>16},getUint16:function(t){var e=B(this,2,t,arguments[1]);return e[1]<<8|e[0]},getInt32:function(t){return T(B(this,4,t,arguments[1]))},getUint32:function(t){return T(B(this,4,t,arguments[1]))>>>0},getFloat32:function(t){return G(B(this,4,t,arguments[1]),23,4)},getFloat64:function(t){return G(B(this,8,t,arguments[1]),52,8)},setInt8:function(t,e){D(this,1,t,F,e)},setUint8:function(t,e){D(this,1,t,F,e)},setInt16:function(t,e){D(this,2,t,M,e,arguments[2])},setUint16:function(t,e){D(this,2,t,M,e,arguments[2])},setInt32:function(t,e){D(this,4,t,V,e,arguments[2])},setUint32:function(t,e){D(this,4,t,V,e,arguments[2])},setFloat32:function(t,e){D(this,4,t,R,e,arguments[2])},setFloat64:function(t,e){D(this,8,t,$,e,arguments[2])}});g(y,"ArrayBuffer"),g(b,"DataView"),c(b.prototype,a.VIEW,!0),e.ArrayBuffer=y,e.DataView=b},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){t.exports=!n(143)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.grid[data-v-2d565912] .cheetah-grid__inline-menu__menu-item.stars {\n text-align: center;\n color: gold;\n display: block;\n white-space: nowrap;\n}\n.grid[data-v-2d565912] .cheetah-grid__inline-menu__menu-item.stars .material-icons {\n line-height: 40px;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,'\n.grid[data-v-daff151c] .cheetah-grid__inline-menu__menu-item.stars {\n text-align: center;\n color: gold;\n display: block;\n white-space: nowrap;\n}\n.grid[data-v-daff151c] .cheetah-grid__inline-menu__menu-item.stars .material-icons {\n line-height: 40px;\n}\n.filter-input[data-v-daff151c] {\n background-color: transparent;\n border: none;\n border-bottom: 1px solid #9e9e9e;\n outline: none;\n height: 2.5rem;\n /*width: 50%;*/\n width: 300px;\n font-size: 16px;\n margin: 0 0 8px 0;\n transition: box-shadow .3s, border .3s;\n line-height: 2.5rem;\n box-sizing: content-box;\n}\n.filter-input[data-v-daff151c]:focus {\n border-bottom: 1px solid #2196f3;\n box-shadow: 0 1px 0 0 #2196f3;\n}\n.filter-checkbox[data-v-daff151c] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n box-sizing: border-box;\n padding: 0;\n overflow: visible;\n font-size: 100%;\n line-height: 2.5rem;\n margin: 0;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c] {\n position: relative;\n padding-left: 35px;\n cursor: pointer;\n display: inline-block;\n height: 2.5rem;\n line-height: 2.5rem;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c]:before, .filter-checkbox[type="checkbox"]+span[data-v-daff151c]:after {\n content: \'\';\n left: 0;\n position: absolute;\n -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;\n transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;\n z-index: 1;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c]:before {\n top: calc(0.6rem + 1px);\n left: 0;\n width: 6px;\n height: 11px;\n border: 2px solid transparent;\n -webkit-transform: rotateZ(37deg);\n transform: rotateZ(37deg);\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n}\n.filter-checkbox[type="checkbox"]:checked+span[data-v-daff151c]:before {\n border-top: 2px solid transparent;\n border-left: 2px solid transparent;\n border-right: 2px solid #fff;\n border-bottom: 2px solid #fff;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c]:after {\n top: 0.6rem;\n width: 1rem;\n height: 1rem;\n border: 2px solid #ddd;\n background-color: transparent;\n z-index: 0;\n border-radius: 2px;\n}\n.filter-checkbox[type="checkbox"]:checked+span[data-v-daff151c]:after {\n border: 2px solid #2196f3;\n background-color: #2196f3;\n}\n',""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid[data-v-931072d2] {\n height: 100%;\n width: 100%;\n}\n.c-grid .define[data-v-931072d2] {\n display: none !important;\n position: fixed;\n top: -300px;\n left: -300px;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-column[data-v-3b1ad4b6] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-column-group[data-v-f93e9aa2] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-button-column[data-v-1df77f7e] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-check-column[data-v-654a106a] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-percent-complete-bar-column[data-v-479206a0] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-icon-column[data-v-23810e3e] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-input-column[data-v-202f6002] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-link-column[data-v-53497d7c] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-menu-column[data-v-156b7d11] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-radio-column[data-v-b1bc3b30] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-branch-graph-column[data-v-e45eef62] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-layout-row[data-v-4c3e14aa] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-header[data-v-0cb2dc3e] {\n display: none;\n}\n",""])},function(t,e,n){"use strict";(function(t){n.d(e,"a",(function(){return Ut})),n.d(e,"b",(function(){return F}));var r=n(0);
+/*!
+ * vue-router v4.0.6
+ * (c) 2021 Eduardo San Martin Morote
+ * @license MIT
+ */
+const o="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,i=t=>o?Symbol(t):"_vr_"+t,a=i("rvlm"),c=i("rvd"),s=i("r"),u=i("rl"),l=i("rvl"),d="undefined"!=typeof window;const f=Object.assign;function h(t,e){const n={};for(const r in e){const o=e[r];n[r]=Array.isArray(o)?o.map(t):t(o)}return n}let p=()=>{};const m=/\/$/;function v(t,e,n="/"){let r,o={},i="",a="";const c=e.indexOf("?"),s=e.indexOf("#",c>-1?c:0);return c>-1&&(r=e.slice(0,c),i=e.slice(c+1,s>-1?s:e.length),o=t(i)),s>-1&&(r=r||e.slice(0,s),a=e.slice(s,e.length)),r=function(t,e){if(t.startsWith("/"))return t;0;if(!t)return e;const n=e.split("/"),r=t.split("/");let o,i,a=n.length-1;for(o=0;o<r.length;o++)if(i=r[o],1!==a&&"."!==i){if(".."!==i)break;a--}return n.slice(0,a).join("/")+"/"+r.slice(o-(o===r.length?1:0)).join("/")}(null!=r?r:e,n),{fullPath:r+(i&&"?")+i+a,path:r,query:o,hash:a}}function g(t,e){return!e||t.toLowerCase().indexOf(e.toLowerCase())?t:t.slice(e.length)||"/"}function y(t,e){return(t.aliasOf||t)===(e.aliasOf||e)}function b(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(let n in t)if(!_(t[n],e[n]))return!1;return!0}function _(t,e){return Array.isArray(t)?O(t,e):Array.isArray(e)?O(e,t):t===e}function O(t,e){return Array.isArray(e)?t.length===e.length&&t.every((t,n)=>t===e[n]):1===t.length&&t[0]===e}var w,x;!function(t){t.pop="pop",t.push="push"}(w||(w={})),function(t){t.back="back",t.forward="forward",t.unknown=""}(x||(x={}));function C(t){if(!t)if(d){const e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else t="/";return"/"!==t[0]&&"#"!==t[0]&&(t="/"+t),t.replace(m,"")}const j=/^[^#]+#/;function S(t,e){return t.replace(j,"#")+e}const I=()=>({left:window.pageXOffset,top:window.pageYOffset});function k(t){let e;if("el"in t){let n=t.el;const r="string"==typeof n&&n.startsWith("#");0;const o="string"==typeof n?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!o)return;e=function(t,e){const n=document.documentElement.getBoundingClientRect(),r=t.getBoundingClientRect();return{behavior:e.behavior,left:r.left-n.left-(e.left||0),top:r.top-n.top-(e.top||0)}}(o,t)}else e=t;"scrollBehavior"in document.documentElement.style?window.scrollTo(e):window.scrollTo(null!=e.left?e.left:window.pageXOffset,null!=e.top?e.top:window.pageYOffset)}function E(t,e){return(history.state?history.state.position-e:-1)+t}const N=new Map;let P=()=>location.protocol+"//"+location.host;function A(t,e){const{pathname:n,search:r,hash:o}=e;if(t.indexOf("#")>-1){let t=o.slice(1);return"/"!==t[0]&&(t="/"+t),g(t,"")}return g(n,t)+r+o}function G(t,e,n,r=!1,o=!1){return{back:t,current:e,forward:n,replaced:r,position:window.history.length,scroll:o?I():null}}function T(t){const e=function(t){const{history:e,location:n}=window;let r={value:A(t,n)},o={value:e.state};function i(r,i,a){const c=t.indexOf("#"),s=c>-1?(n.host&&document.querySelector("base")?t:t.slice(c))+r:P()+t+r;try{e[a?"replaceState":"pushState"](i,"",s),o.value=i}catch(t){console.error(t),n[a?"replace":"assign"](s)}}return o.value||i(r.value,{back:null,current:r.value,forward:null,position:e.length-1,replaced:!0,scroll:null},!0),{location:r,state:o,push:function(t,n){const a=f({},o.value,e.state,{forward:t,scroll:I()});i(a.current,a,!0),i(t,f({},G(r.value,t,null),{position:a.position+1},n),!1),r.value=t},replace:function(t,n){i(t,f({},e.state,G(o.value.back,t,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=t}}}(t=C(t)),n=function(t,e,n,r){let o=[],i=[],a=null;const c=({state:i})=>{const c=A(t,location),s=n.value,u=e.value;let l=0;if(i){if(n.value=c,e.value=i,a&&a===s)return void(a=null);l=u?i.position-u.position:0}else r(c);o.forEach(t=>{t(n.value,s,{delta:l,type:w.pop,direction:l?l>0?x.forward:x.back:x.unknown})})};function s(){const{history:t}=window;t.state&&t.replaceState(f({},t.state,{scroll:I()}),"")}return window.addEventListener("popstate",c),window.addEventListener("beforeunload",s),{pauseListeners:function(){a=n.value},listen:function(t){o.push(t);const e=()=>{const e=o.indexOf(t);e>-1&&o.splice(e,1)};return i.push(e),e},destroy:function(){for(const t of i)t();i=[],window.removeEventListener("popstate",c),window.removeEventListener("beforeunload",s)}}}(t,e.state,e.location,e.replace);const r=f({location:"",base:t,go:function(t,e=!0){e||n.pauseListeners(),history.go(t)},createHref:S.bind(null,t)},e,n);return Object.defineProperty(r,"location",{get:()=>e.location.value}),Object.defineProperty(r,"state",{get:()=>e.state.value}),r}function F(t){return(t=location.host?t||location.pathname+location.search:"").indexOf("#")<0&&(t+="#"),T(t)}function M(t){return"string"==typeof t||"symbol"==typeof t}const V={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},$=i("nf");var R;!function(t){t[t.aborted=4]="aborted",t[t.cancelled=8]="cancelled",t[t.duplicated=16]="duplicated"}(R||(R={}));function L(t,e){return f(new Error,{type:t,[$]:!0},e)}function B(t,e){return t instanceof Error&&$ in t&&(null==e||!!(t.type&e))}const D={sensitive:!1,strict:!1,start:!0,end:!0},W=/[.+*?^${}()[\]/\\]/g;function U(t,e){let n=0;for(;n<t.length&&n<e.length;){const r=e[n]-t[n];if(r)return r;n++}return t.length<e.length?1===t.length&&80===t[0]?-1:1:t.length>e.length?1===e.length&&80===e[0]?1:-1:0}function z(t,e){let n=0;const r=t.score,o=e.score;for(;n<r.length&&n<o.length;){const t=U(r[n],o[n]);if(t)return t;n++}return o.length-r.length}const H={type:0,value:""},K=/[a-zA-Z0-9_]/;function q(t,e,n){const r=function(t,e){const n=f({},D,e);let r=[],o=n.start?"^":"";const i=[];for(const e of t){const t=e.length?[]:[90];n.strict&&!e.length&&(o+="/");for(let r=0;r<e.length;r++){const a=e[r];let c=40+(n.sensitive?.25:0);if(0===a.type)r||(o+="/"),o+=a.value.replace(W,"\\$&"),c+=40;else if(1===a.type){const{value:t,repeatable:n,optional:s,regexp:u}=a;i.push({name:t,repeatable:n,optional:s});const l=u||"[^/]+?";if("[^/]+?"!==l){c+=10;try{new RegExp(`(${l})`)}catch(e){throw new Error(`Invalid custom RegExp for param "${t}" (${l}): `+e.message)}}let d=n?`((?:${l})(?:/(?:${l}))*)`:`(${l})`;r||(d=s&&e.length<2?`(?:/${d})`:"/"+d),s&&(d+="?"),o+=d,c+=20,s&&(c+=-8),n&&(c+=-20),".*"===l&&(c+=-50)}t.push(c)}r.push(t)}if(n.strict&&n.end){const t=r.length-1;r[t][r[t].length-1]+=.7000000000000001}n.strict||(o+="/?"),n.end?o+="$":n.strict&&(o+="(?:/|$)");const a=new RegExp(o,n.sensitive?"":"i");return{re:a,score:r,keys:i,parse:function(t){const e=t.match(a),n={};if(!e)return null;for(let t=1;t<e.length;t++){const r=e[t]||"",o=i[t-1];n[o.name]=r&&o.repeatable?r.split("/"):r}return n},stringify:function(e){let n="",r=!1;for(const o of t){r&&n.endsWith("/")||(n+="/"),r=!1;for(const t of o)if(0===t.type)n+=t.value;else if(1===t.type){const{value:i,repeatable:a,optional:c}=t,s=i in e?e[i]:"";if(Array.isArray(s)&&!a)throw new Error(`Provided param "${i}" is an array but it is not repeatable (* or + modifiers)`);const u=Array.isArray(s)?s.join("/"):s;if(!u){if(!c)throw new Error(`Missing required param "${i}"`);o.length<2&&(n.endsWith("/")?n=n.slice(0,-1):r=!0)}n+=u}}return n}}}(function(t){if(!t)return[[]];if("/"===t)return[[H]];if(!t.startsWith("/"))throw new Error(`Invalid path "${t}"`);function e(t){throw new Error(`ERR (${n})/"${u}": ${t}`)}let n=0,r=n;const o=[];let i;function a(){i&&o.push(i),i=[]}let c,s=0,u="",l="";function d(){u&&(0===n?i.push({type:0,value:u}):1===n||2===n||3===n?(i.length>1&&("*"===c||"+"===c)&&e(`A repeatable param (${u}) must be alone in its segment. eg: '/:ids+.`),i.push({type:1,value:u,regexp:l,repeatable:"*"===c||"+"===c,optional:"*"===c||"?"===c})):e("Invalid state to consume buffer"),u="")}function f(){u+=c}for(;s<t.length;)if(c=t[s++],"\\"!==c||2===n)switch(n){case 0:"/"===c?(u&&d(),a()):":"===c?(d(),n=1):f();break;case 4:f(),n=r;break;case 1:"("===c?n=2:K.test(c)?f():(d(),n=0,"*"!==c&&"?"!==c&&"+"!==c&&s--);break;case 2:")"===c?"\\"==l[l.length-1]?l=l.slice(0,-1)+c:n=3:l+=c;break;case 3:d(),n=0,"*"!==c&&"?"!==c&&"+"!==c&&s--,l="";break;default:e("Unknown state")}else r=n,n=4;return 2===n&&e(`Unfinished custom RegExp for param "${u}"`),d(),a(),o}(t.path),n);const o=f(r,{record:t,parent:e,children:[],alias:[]});return e&&!o.record.aliasOf==!e.record.aliasOf&&e.children.push(o),o}function J(t,e){const n=[],r=new Map;function o(t,n,r){let c=!r,s=function(t){return{path:t.path,redirect:t.redirect,name:t.name,meta:t.meta||{},aliasOf:void 0,beforeEnter:t.beforeEnter,props:Y(t),children:t.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in t?t.components||{}:{default:t.component}}}(t);s.aliasOf=r&&r.record;const u=Q(e,t),l=[s];if("alias"in t){const e="string"==typeof t.alias?[t.alias]:t.alias;for(const t of e)l.push(f({},s,{components:r?r.record.components:s.components,path:t,aliasOf:r?r.record:s}))}let d,h;for(const e of l){let{path:l}=e;if(n&&"/"!==l[0]){let t=n.record.path,r="/"===t[t.length-1]?"":"/";e.path=n.record.path+(l&&r+l)}if(d=q(e,n,u),r?r.alias.push(d):(h=h||d,h!==d&&h.alias.push(d),c&&t.name&&!X(d)&&i(t.name)),"children"in s){let t=s.children;for(let e=0;e<t.length;e++)o(t[e],d,r&&r.children[e])}r=r||d,a(d)}return h?()=>{i(h)}:p}function i(t){if(M(t)){const e=r.get(t);e&&(r.delete(t),n.splice(n.indexOf(e),1),e.children.forEach(i),e.alias.forEach(i))}else{let e=n.indexOf(t);e>-1&&(n.splice(e,1),t.record.name&&r.delete(t.record.name),t.children.forEach(i),t.alias.forEach(i))}}function a(t){let e=0;for(;e<n.length&&z(t,n[e])>=0;)e++;n.splice(e,0,t),t.record.name&&!X(t)&&r.set(t.record.name,t)}return e=Q({strict:!1,end:!0,sensitive:!1},e),t.forEach(t=>o(t)),{addRoute:o,resolve:function(t,e){let o,i,a,c={};if("name"in t&&t.name){if(o=r.get(t.name),!o)throw L(1,{location:t});a=o.record.name,c=f(function(t,e){let n={};for(let r of e)r in t&&(n[r]=t[r]);return n}(e.params,o.keys.filter(t=>!t.optional).map(t=>t.name)),t.params),i=o.stringify(c)}else if("path"in t)i=t.path,o=n.find(t=>t.re.test(i)),o&&(c=o.parse(i),a=o.record.name);else{if(o=e.name?r.get(e.name):n.find(t=>t.re.test(e.path)),!o)throw L(1,{location:t,currentLocation:e});a=o.record.name,c=f({},e.params,t.params),i=o.stringify(c)}const s=[];let u=o;for(;u;)s.unshift(u.record),u=u.parent;return{name:a,path:i,params:c,matched:s,meta:Z(s)}},removeRoute:i,getRoutes:function(){return n},getRecordMatcher:function(t){return r.get(t)}}}function Y(t){const e={},n=t.props||!1;if("component"in t)e.default=n;else for(let r in t.components)e[r]="boolean"==typeof n?n:n[r];return e}function X(t){for(;t;){if(t.record.aliasOf)return!0;t=t.parent}return!1}function Z(t){return t.reduce((t,e)=>f(t,e.meta),{})}function Q(t,e){let n={};for(let r in t)n[r]=r in e?e[r]:t[r];return n}const tt=/#/g,et=/&/g,nt=/\//g,rt=/=/g,ot=/\?/g,it=/\+/g,at=/%5B/g,ct=/%5D/g,st=/%5E/g,ut=/%60/g,lt=/%7B/g,dt=/%7C/g,ft=/%7D/g,ht=/%20/g;function pt(t){return encodeURI(""+t).replace(dt,"|").replace(at,"[").replace(ct,"]")}function mt(t){return pt(t).replace(it,"%2B").replace(ht,"+").replace(tt,"%23").replace(et,"%26").replace(ut,"`").replace(lt,"{").replace(ft,"}").replace(st,"^")}function vt(t){return function(t){return pt(t).replace(tt,"%23").replace(ot,"%3F")}(t).replace(nt,"%2F")}function gt(t){try{return decodeURIComponent(""+t)}catch(t){}return""+t}function yt(t){const e={};if(""===t||"?"===t)return e;const n=("?"===t[0]?t.slice(1):t).split("&");for(let t=0;t<n.length;++t){const r=n[t].replace(it," ");let o=r.indexOf("="),i=gt(o<0?r:r.slice(0,o)),a=o<0?null:gt(r.slice(o+1));if(i in e){let t=e[i];Array.isArray(t)||(t=e[i]=[t]),t.push(a)}else e[i]=a}return e}function bt(t){let e="";for(let n in t){e.length&&(e+="&");const r=t[n];if(n=mt(n).replace(rt,"%3D"),null==r){void 0!==r&&(e+=n);continue}let o=Array.isArray(r)?r.map(t=>t&&mt(t)):[r&&mt(r)];for(let t=0;t<o.length;t++)e+=(t?"&":"")+n,null!=o[t]&&(e+="="+o[t])}return e}function _t(t){const e={};for(let n in t){let r=t[n];void 0!==r&&(e[n]=Array.isArray(r)?r.map(t=>null==t?null:""+t):null==r?r:""+r)}return e}function Ot(){let t=[];return{add:function(e){return t.push(e),()=>{const n=t.indexOf(e);n>-1&&t.splice(n,1)}},list:()=>t,reset:function(){t=[]}}}function wt(t,e,n,r,o){const i=r&&(r.enterCallbacks[o]=r.enterCallbacks[o]||[]);return()=>new Promise((a,c)=>{const s=t=>{var s;!1===t?c(L(4,{from:n,to:e})):t instanceof Error?c(t):"string"==typeof(s=t)||s&&"object"==typeof s?c(L(2,{from:e,to:t})):(i&&r.enterCallbacks[o]===i&&"function"==typeof t&&i.push(t),a())},u=t.call(r&&r.instances[o],e,n,s);let l=Promise.resolve(u);t.length<3&&(l=l.then(s)),l.catch(t=>c(t))})}function xt(t,e,n,r){const i=[];for(const c of t)for(const t in c.components){let s=c.components[t];if("beforeRouteEnter"===e||c.instances[t])if("object"==typeof(a=s)||"displayName"in a||"props"in a||"__vccOpts"in a){const o=(s.__vccOpts||s)[e];o&&i.push(wt(o,n,r,c,t))}else{let a=s();a=a.catch(console.error),i.push(()=>a.then(i=>{if(!i)return Promise.reject(new Error(`Couldn't resolve component "${t}" at "${c.path}"`));const a=(s=i).__esModule||o&&"Module"===s[Symbol.toStringTag]?i.default:i;var s;c.components[t]=a;const u=(a.__vccOpts||a)[e];return u&&wt(u,n,r,c,t)()}))}}var a;return i}function Ct(t){const e=Object(r.inject)(s),n=Object(r.inject)(u),o=Object(r.computed)(()=>e.resolve(Object(r.unref)(t.to))),i=Object(r.computed)(()=>{let{matched:t}=o.value,{length:e}=t;const r=t[e-1];let i=n.matched;if(!r||!i.length)return-1;let a=i.findIndex(y.bind(null,r));if(a>-1)return a;let c=St(t[e-2]);return e>1&&St(r)===c&&i[i.length-1].path!==c?i.findIndex(y.bind(null,t[e-2])):a}),a=Object(r.computed)(()=>i.value>-1&&function(t,e){for(let n in e){let r=e[n],o=t[n];if("string"==typeof r){if(r!==o)return!1}else if(!Array.isArray(o)||o.length!==r.length||r.some((t,e)=>t!==o[e]))return!1}return!0}(n.params,o.value.params)),c=Object(r.computed)(()=>i.value>-1&&i.value===n.matched.length-1&&b(n.params,o.value.params));return{route:o,href:Object(r.computed)(()=>o.value.href),isActive:a,isExactActive:c,navigate:function(n={}){return function(t){if(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)return;if(t.defaultPrevented)return;if(void 0!==t.button&&0!==t.button)return;if(t.currentTarget&&t.currentTarget.getAttribute){const e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}t.preventDefault&&t.preventDefault();return!0}(n)?e[Object(r.unref)(t.replace)?"replace":"push"](Object(r.unref)(t.to)):Promise.resolve()}}}const jt=Object(r.defineComponent)({name:"RouterLink",props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},setup(t,{slots:e}){const n=Object(r.reactive)(Ct(t)),{options:o}=Object(r.inject)(s),i=Object(r.computed)(()=>({[It(t.activeClass,o.linkActiveClass,"router-link-active")]:n.isActive,[It(t.exactActiveClass,o.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));{const t=Object(r.getCurrentInstance)();Object(r.watchEffect)(()=>{t&&(t.__vrl_route=n.route)},{flush:"post"}),Object(r.watchEffect)(()=>{t&&(t.__vrl_active=n.isActive,t.__vrl_exactActive=n.isExactActive)},{flush:"post"})}return()=>{const o=e.default&&e.default(n);return t.custom?o:Object(r.h)("a",{"aria-current":n.isExactActive?t.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:i.value},o)}}});function St(t){return t?t.aliasOf?t.aliasOf.path:t.path:""}const It=(t,e,n)=>null!=t?t:null!=e?e:n;function kt(t,e){if(!t)return null;const n=t(e);return 1===n.length?n[0]:n}const Et=Object(r.defineComponent)({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},setup(t,{attrs:e,slots:n}){const o=Object(r.inject)(l),i=Object(r.computed)(()=>t.route||o.value),s=Object(r.inject)(c,0),u=Object(r.computed)(()=>i.value.matched[s]);Object(r.provide)(c,s+1),Object(r.provide)(a,u),Object(r.provide)(l,i);const d=Object(r.ref)();return Object(r.watch)(()=>[d.value,u.value,t.name],([t,e,n],[r,o,i])=>{e&&(e.instances[n]=t,o&&o!==e&&t&&t===r&&(e.leaveGuards.size||(e.leaveGuards=o.leaveGuards),e.updateGuards.size||(e.updateGuards=o.updateGuards))),!t||!e||o&&y(e,o)&&r||(e.enterCallbacks[n]||[]).forEach(e=>e(t))},{flush:"post"}),()=>{const o=i.value,a=u.value,c=a&&a.components[t.name],s=t.name;if(!c)return kt(n.default,{Component:c,route:o});const l=a.props[t.name],h=l?!0===l?o.params:"function"==typeof l?l(o):l:null,p=Object(r.h)(c,f({},h,e,{onVnodeUnmounted:t=>{t.component.isUnmounted&&(a.instances[s]=null)},ref:d}));return kt(n.default,{Component:p,route:o})||p}}});function Nt(){return"undefined"!=typeof navigator?window:void 0!==t?t:{}}function Pt(t,e){const n=Nt().__VUE_DEVTOOLS_GLOBAL_HOOK__;if(n)n.emit("devtools-plugin:setup",t,e);else{const n=Nt();(n.__VUE_DEVTOOLS_PLUGINS__=n.__VUE_DEVTOOLS_PLUGINS__||[]).push({pluginDescriptor:t,setupFn:e})}}function At(t,e){const n=f({},t,{matched:t.matched.map(t=>function(t,e){const n={};for(let r in t)e.includes(r)||(n[r]=t[r]);return n}(t,["instances","children","aliasOf"]))});return{_custom:{type:null,readOnly:!0,display:t.fullPath,tooltip:e,value:n}}}function Gt(t){return{_custom:{display:t}}}let Tt=0;function Ft(t,e,n){if(e.__hasDevtools)return;e.__hasDevtools=!0;const o=Tt++;Pt({id:"org.vuejs.router"+(o?"."+o:""),label:"Vue Router",packageName:"vue-router",homepage:"https://next.router.vuejs.org/",logo:"https://vuejs.org/images/icons/favicon-96x96.png",componentStateTypes:["Routing"],app:t},i=>{i.on.inspectComponent((t,n)=>{t.instanceData&&t.instanceData.state.push({type:"Routing",key:"$route",editable:!1,value:At(e.currentRoute.value,"Current Route")})}),i.on.visitComponentTree(({treeNode:t,componentInstance:e})=>{"RouterLink"===t.name&&(e.__vrl_route&&t.tags.push({label:e.__vrl_route.path,textColor:0,backgroundColor:Rt}),e.__vrl_exactActive&&t.tags.push({label:"exact",textColor:0,backgroundColor:$t}),e.__vrl_active&&t.tags.push({label:"active",textColor:0,backgroundColor:Vt}))}),Object(r.watch)(e.currentRoute,()=>{u(),i.notifyComponentUpdate(),i.sendInspectorTree(s)});const a="router:navigations:"+o;i.addTimelineLayer({id:a,label:`Router${o?" "+o:""} Navigations`,color:4237508}),e.onError(t=>{i.addTimelineEvent({layerId:a,event:{title:"Error",subtitle:"An uncaught error happened during navigation",logType:"error",time:Date.now(),data:{error:t}}})});let c=0;e.beforeEach((t,e)=>{const n={guard:Gt("beforeEach"),from:At(e,"Current Location during this navigation"),to:At(t,"Target location")};Object.defineProperty(t.meta,"__navigationId",{value:c++}),i.addTimelineEvent({layerId:a,event:{time:Date.now(),title:"Start of navigation",data:n,groupId:t.meta.__navigationId}})}),e.afterEach((t,e,n)=>{const r={guard:Gt("afterEach")};n?(r.failure={_custom:{type:Error,readOnly:!0,display:n?n.message:"",tooltip:"Navigation Failure",value:n}},r.status=Gt("❌")):r.status=Gt("✅"),r.from=At(e,"Current Location during this navigation"),r.to=At(t,"Target location"),i.addTimelineEvent({layerId:a,event:{title:"End of navigation",time:Date.now(),data:r,logType:n?"warning":"default",groupId:t.meta.__navigationId}})});const s="router-inspector:"+o;function u(){if(!l)return;const t=l;let r=n.getRoutes().filter(t=>!t.parent);r.forEach(Wt),t.filter&&(r=r.filter(e=>function t(e,n){const r=String(e.re).match(Dt);if(e.__vd_match=!1,!r||r.length<3)return!1;if(new RegExp(r[1].replace(/\$$/,""),r[2]).test(n))return e.children.forEach(e=>t(e,n)),("/"!==e.record.path||"/"===n)&&(e.__vd_match=e.re.test(n),!0);const o=e.record.path.toLowerCase(),i=gt(o);return!(n.startsWith("/")||!i.includes(n)&&!o.includes(n))||(!(!i.startsWith(n)&&!o.startsWith(n))||(!(!e.record.name||!String(e.record.name).includes(n))||e.children.some(e=>t(e,n))))}(e,t.filter.toLowerCase()))),r.forEach(t=>function t(e,n){const r=n.matched.length&&y(n.matched[n.matched.length-1],e.record);e.__vd_exactActive=e.__vd_active=r,r||(e.__vd_active=n.matched.some(t=>y(t,e.record)));e.children.forEach(e=>t(e,n))}(t,e.currentRoute.value)),t.rootNodes=r.map(Lt)}let l;i.addInspector({id:s,label:"Routes"+(o?" "+o:""),icon:"book",treeFilterPlaceholder:"Search routes"}),i.on.getInspectorTree(e=>{l=e,e.app===t&&e.inspectorId===s&&u()}),i.on.getInspectorState(e=>{if(e.app===t&&e.inspectorId===s){const t=n.getRoutes().find(t=>t.record.__vd_id===e.nodeId);t&&(e.state={options:Mt(t)})}}),i.sendInspectorTree(s),i.sendInspectorState(s)})}function Mt(t){const{record:e}=t,n=[{editable:!1,key:"path",value:e.path}];return null!=e.name&&n.push({editable:!1,key:"name",value:e.name}),n.push({editable:!1,key:"regexp",value:t.re}),t.keys.length&&n.push({editable:!1,key:"keys",value:{_custom:{type:null,readOnly:!0,display:t.keys.map(t=>`${t.name}${function(t){return t.optional?t.repeatable?"*":"?":t.repeatable?"+":""}(t)}`).join(" "),tooltip:"Param keys",value:t.keys}}}),null!=e.redirect&&n.push({editable:!1,key:"redirect",value:e.redirect}),t.alias.length&&n.push({editable:!1,key:"aliases",value:t.alias.map(t=>t.record.path)}),n.push({key:"score",editable:!1,value:{_custom:{type:null,readOnly:!0,display:t.score.map(t=>t.join(", ")).join(" | "),tooltip:"Score used to sort routes",value:t.score}}}),n}const Vt=2450411,$t=8702998,Rt=16486972;function Lt(t){const e=[],{record:n}=t;null!=n.name&&e.push({label:String(n.name),textColor:0,backgroundColor:2282478}),n.aliasOf&&e.push({label:"alias",textColor:0,backgroundColor:Rt}),t.__vd_match&&e.push({label:"matches",textColor:0,backgroundColor:15485081}),t.__vd_exactActive&&e.push({label:"exact",textColor:0,backgroundColor:$t}),t.__vd_active&&e.push({label:"active",textColor:0,backgroundColor:Vt}),n.redirect&&e.push({label:"redirect: "+("string"==typeof n.redirect?n.redirect:"Object"),textColor:16777215,backgroundColor:6710886});let r=String(Bt++);return n.__vd_id=r,{id:r,label:n.path,tags:e,children:t.children.map(Lt)}}let Bt=0;const Dt=/^\/(.*)\/([a-z]*)$/;function Wt(t){t.__vd_match=!1,t.children.forEach(Wt)}function Ut(t){const e=J(t.routes,t);let n=t.parseQuery||yt,o=t.stringifyQuery||bt,i=t.history;const a=Ot(),c=Ot(),m=Ot(),g=Object(r.shallowRef)(V);let _=V;d&&t.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const O=h.bind(null,t=>""+t),w=h.bind(null,vt),x=h.bind(null,gt);function C(t,r){if(r=f({},r||g.value),"string"==typeof t){let o=v(n,t,r.path),a=e.resolve({path:o.path},r),c=i.createHref(o.fullPath);return f(o,a,{params:x(a.params),hash:gt(o.hash),redirectedFrom:void 0,href:c})}let a;"path"in t?a=f({},t,{path:v(n,t.path,r.path).path}):(a=f({},t,{params:w(t.params)}),r.params=w(r.params));let c=e.resolve(a,r);const s=t.hash||"";c.params=O(x(c.params));const u=function(t,e){let n=e.query?t(e.query):"";return e.path+(n&&"?")+n+(e.hash||"")}(o,f({},t,{hash:(l=s,pt(l).replace(lt,"{").replace(ft,"}").replace(st,"^")),path:c.path}));var l;let d=i.createHref(u);return f({fullPath:u,hash:s,query:o===bt?_t(t.query):t.query},c,{redirectedFrom:void 0,href:d})}function j(t){return"string"==typeof t?v(n,t,g.value.path):f({},t)}function S(t,e){if(_!==t)return L(8,{from:e,to:t})}function P(t){return G(t)}function A(t){const e=t.matched[t.matched.length-1];if(e&&e.redirect){const{redirect:n}=e;let r="function"==typeof n?n(t):n;return"string"==typeof r&&(r=r.indexOf("?")>-1||r.indexOf("#")>-1?r=j(r):{path:r}),f({query:t.query,hash:t.hash,params:t.params},r)}}function G(t,e){const n=_=C(t),r=g.value,i=t.state,a=t.force,c=!0===t.replace,s=A(n);if(s)return G(f(j(s),{state:i,force:a,replace:c}),e||n);const u=n;let l;return u.redirectedFrom=e,!a&&function(t,e,n){let r=e.matched.length-1,o=n.matched.length-1;return r>-1&&r===o&&y(e.matched[r],n.matched[o])&&b(e.params,n.params)&&t(e.query)===t(n.query)&&e.hash===n.hash}(o,r,n)&&(l=L(16,{to:u,from:r}),Y(r,r,!0,!1)),(l?Promise.resolve(l):F(u,r)).catch(t=>B(t)?t:K(t)).then(t=>{if(t){if(B(t,2))return G(f(j(t.to),{state:i,force:a,replace:c}),e||u)}else t=R(u,r,!0,c,i);return $(u,r,t),t})}function T(t,e){const n=S(t,e);return n?Promise.reject(n):Promise.resolve()}function F(t,e){let n;const[r,o,i]=function(t,e){const n=[],r=[],o=[],i=Math.max(e.matched.length,t.matched.length);for(let a=0;a<i;a++){const i=e.matched[a];i&&(t.matched.find(t=>y(t,i))?r.push(i):n.push(i));const c=t.matched[a];c&&(e.matched.find(t=>y(t,c))||o.push(c))}return[n,r,o]}(t,e);n=xt(r.reverse(),"beforeRouteLeave",t,e);for(const o of r)o.leaveGuards.forEach(r=>{n.push(wt(r,t,e))});const s=T.bind(null,t,e);return n.push(s),zt(n).then(()=>{n=[];for(const r of a.list())n.push(wt(r,t,e));return n.push(s),zt(n)}).then(()=>{n=xt(o,"beforeRouteUpdate",t,e);for(const r of o)r.updateGuards.forEach(r=>{n.push(wt(r,t,e))});return n.push(s),zt(n)}).then(()=>{n=[];for(const r of t.matched)if(r.beforeEnter&&e.matched.indexOf(r)<0)if(Array.isArray(r.beforeEnter))for(const o of r.beforeEnter)n.push(wt(o,t,e));else n.push(wt(r.beforeEnter,t,e));return n.push(s),zt(n)}).then(()=>(t.matched.forEach(t=>t.enterCallbacks={}),n=xt(i,"beforeRouteEnter",t,e),n.push(s),zt(n))).then(()=>{n=[];for(const r of c.list())n.push(wt(r,t,e));return n.push(s),zt(n)}).catch(t=>B(t,8)?t:Promise.reject(t))}function $(t,e,n){for(const r of m.list())r(t,e,n)}function R(t,e,n,r,o){const a=S(t,e);if(a)return a;const c=e===V,s=d?history.state:{};n&&(r||c?i.replace(t.fullPath,f({scroll:c&&s&&s.scroll},o)):i.push(t.fullPath,o)),g.value=t,Y(t,e,n,c),q()}let D;function W(){D=i.listen((t,e,n)=>{let r=C(t);const o=A(r);if(o)return void G(f(o,{replace:!0}),r).catch(p);_=r;const a=g.value;var c,s;d&&(c=E(a.fullPath,n.delta),s=I(),N.set(c,s)),F(r,a).catch(t=>B(t,12)?t:B(t,2)?(G(t.to,r).catch(p),Promise.reject()):(n.delta&&i.go(-n.delta,!1),K(t))).then(t=>{(t=t||R(r,a,!1))&&n.delta&&i.go(-n.delta,!1),$(r,a,t)}).catch(p)})}let U,z=Ot(),H=Ot();function K(t){return q(t),H.list().forEach(e=>e(t)),Promise.reject(t)}function q(t){U||(U=!0,W(),z.list().forEach(([e,n])=>t?n(t):e()),z.reset())}function Y(e,n,o,i){const{scrollBehavior:a}=t;if(!d||!a)return Promise.resolve();let c=!o&&function(t){const e=N.get(t);return N.delete(t),e}(E(e.fullPath,0))||(i||!o)&&history.state&&history.state.scroll||null;return Object(r.nextTick)().then(()=>a(e,n,c)).then(t=>t&&k(t)).catch(K)}const X=t=>i.go(t);let Z;const Q=new Set;return{currentRoute:g,addRoute:function(t,n){let r,o;return M(t)?(r=e.getRecordMatcher(t),o=n):o=t,e.addRoute(o,r)},removeRoute:function(t){let n=e.getRecordMatcher(t);n&&e.removeRoute(n)},hasRoute:function(t){return!!e.getRecordMatcher(t)},getRoutes:function(){return e.getRoutes().map(t=>t.record)},resolve:C,options:t,push:P,replace:function(t){return P(f(j(t),{replace:!0}))},go:X,back:()=>X(-1),forward:()=>X(1),beforeEach:a.add,beforeResolve:c.add,afterEach:m.add,onError:H.add,isReady:function(){return U&&g.value!==V?Promise.resolve():new Promise((t,e)=>{z.add([t,e])})},install(t){const n=this;t.component("RouterLink",jt),t.component("RouterView",Et),t.config.globalProperties.$router=n,Object.defineProperty(t.config.globalProperties,"$route",{get:()=>Object(r.unref)(g)}),d&&!Z&&g.value===V&&(Z=!0,P(i.location).catch(t=>{0}));const o={};for(let t in V)o[t]=Object(r.computed)(()=>g.value[t]);t.provide(s,n),t.provide(u,Object(r.reactive)(o)),t.provide(l,g);let a=t.unmount;Q.add(t),t.unmount=function(){Q.delete(t),Q.size<1&&(D(),g.value=V,Z=!1,U=!1),a()},Ft(t,n,e)}}}function zt(t){return t.reduce((t,e)=>t.then(()=>e()),Promise.resolve())}}).call(this,n(333))},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n#app {\n color: #2c3e50;\n}\n#app * {\n text-decoration: none;\n}\n.header {\n padding: 10px 10px 0 10px;\n background-color: #ff9933;\n}\n.header-main::after {\n content: '';\n display: block;\n clear: both;\n}\n.header .link {\n color: #fff;\n}\n.header .sns {\n padding-left: 5px;\n float: right;\n}\n.header .sns * {\n vertical-align: top;\n}\n.header .menu-item {\n display: inline-block;\n padding: 5px;\n}\n.header .octicon {\n fill: #fff;\n vertical-align: top;\n}\n.header .menu-item:hover {\n background-color: rgba(0, 0, 0, .2);\n}\n.header #logo {\n height: 50px;\n}\n.header .menu-title {\n color: #FFD;\n padding: 0 0 0 5px;\n}\n.main{\n padding: 10px;\n}\n.site-title {\n color: #fff;\n font-size: 36px;\n vertical-align: bottom;\n}\n.page-title {\n text-align: center;\n}\n.page-title h1 {\n margin: 0;\n}\n.grid {\n height: calc(100vh - 220px);\n width: 100%;\n border: solid 1px rgba(0, 0, 0, 0.26);\n}\n.main {\n min-height: calc(100vh - 140px);\n}\n.footer {\n height: 32px;\n font-size: 10.5px;\n background-color: #001a36;\n color: #fff;\n font-weight: 200;\n text-align: center;\n line-height: 32px;\n}\n",""])},function(t,e,n){t.exports=!n(11)&&!n(4)((function(){return 7!=Object.defineProperty(n(65)("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(3),o=n(10),i=n(34),a=n(66),c=n(12).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||c(e,t,{value:a.f(t)})}},function(t,e,n){var r=n(17),o=n(19),i=n(53)(!1),a=n(67)("IE_PROTO");t.exports=function(t,e){var n,c=o(t),s=0,u=[];for(n in c)n!=a&&r(c,n)&&u.push(n);for(;e.length>s;)r(c,n=e[s++])&&(~i(u,n)||u.push(n));return u}},function(t,e,n){var r=n(12),o=n(5),i=n(35);t.exports=n(11)?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),c=a.length,s=0;c>s;)r.f(t,n=a[s++],e[n]);return t}},function(t,e,n){var r=n(19),o=n(38).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return a.slice()}}(t):o(r(t))}},function(t,e,n){"use strict";var r=n(11),o=n(35),i=n(54),a=n(49),c=n(14),s=n(48),u=Object.assign;t.exports=!u||n(4)((function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach((function(t){e[t]=t})),7!=u({},t)[n]||Object.keys(u({},e)).join("")!=r}))?function(t,e){for(var n=c(t),u=arguments.length,l=1,d=i.f,f=a.f;u>l;)for(var h,p=s(arguments[l++]),m=d?o(p).concat(d(p)):o(p),v=m.length,g=0;v>g;)h=m[g++],r&&!f.call(p,h)||(n[h]=p[h]);return n}:u},function(t,e){t.exports=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}},function(t,e,n){"use strict";var r=n(22),o=n(6),i=n(119),a=[].slice,c={},s=function(t,e,n){if(!(e in c)){for(var r=[],o=0;o<e;o++)r[o]="a["+o+"]";c[e]=Function("F,a","return new F("+r.join(",")+")")}return c[e](t,n)};t.exports=Function.bind||function(t){var e=r(this),n=a.call(arguments,1),c=function(){var r=n.concat(a.call(arguments));return this instanceof c?s(e,r.length,r):i(e,r,t)};return o(e.prototype)&&(c.prototype=e.prototype),c}},function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e,n){var r=n(3).parseInt,o=n(43).trim,i=n(71),a=/^[-+]?0[xX]/;t.exports=8!==r(i+"08")||22!==r(i+"0x16")?function(t,e){var n=o(String(t),3);return r(n,e>>>0||(a.test(n)?16:10))}:r},function(t,e,n){var r=n(3).parseFloat,o=n(43).trim;t.exports=1/r(n(71)+"-0")!=-1/0?function(t){var e=o(String(t),3),n=r(e);return 0===n&&"-"==e.charAt(0)?-0:n}:r},function(t,e,n){var r=n(27);t.exports=function(t,e){if("number"!=typeof t&&"Number"!=r(t))throw TypeError(e);return+t}},function(t,e,n){var r=n(6),o=Math.floor;t.exports=function(t){return!r(t)&&isFinite(t)&&o(t)===t}},function(t,e){t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},function(t,e,n){"use strict";var r=n(37),o=n(32),i=n(42),a={};n(18)(a,n(7)("iterator"),(function(){return this})),t.exports=function(t,e,n){t.prototype=r(a,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(5);t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},function(t,e,n){var r=n(241);t.exports=function(t,e){return new(r(t))(e)}},function(t,e,n){var r=n(22),o=n(14),i=n(48),a=n(9);t.exports=function(t,e,n,c,s){r(e);var u=o(t),l=i(u),d=a(u.length),f=s?d-1:0,h=s?-1:1;if(n<2)for(;;){if(f in l){c=l[f],f+=h;break}if(f+=h,s?f<0:d<=f)throw TypeError("Reduce of empty array with no initial value")}for(;s?f>=0:d>f;f+=h)f in l&&(c=e(c,l[f],f,u));return c}},function(t,e,n){"use strict";var r=n(14),o=n(36),i=n(9);t.exports=[].copyWithin||function(t,e){var n=r(this),a=i(n.length),c=o(t,a),s=o(e,a),u=arguments.length>2?arguments[2]:void 0,l=Math.min((void 0===u?a:o(u,a))-s,a-c),d=1;for(s<c&&c<s+l&&(d=-1,s+=l-1,c+=l-1);l-- >0;)s in n?n[c]=n[s]:delete n[c],c+=d,s+=d;return n}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){"use strict";var r=n(86);n(1)({target:"RegExp",proto:!0,forced:r!==/./.exec},{exec:r})},function(t,e,n){n(11)&&"g"!=/./g.flags&&n(12).f(RegExp.prototype,"flags",{configurable:!0,get:n(57)})},function(t,e,n){"use strict";var r,o,i,a,c=n(34),s=n(3),u=n(21),l=n(50),d=n(1),f=n(6),h=n(22),p=n(46),m=n(60),v=n(51),g=n(88).set,y=n(261)(),b=n(134),_=n(262),O=n(61),w=n(135),x=s.TypeError,C=s.process,j=C&&C.versions,S=j&&j.v8||"",I=s.Promise,k="process"==l(C),E=function(){},N=o=b.f,P=!!function(){try{var t=I.resolve(1),e=(t.constructor={})[n(7)("species")]=function(t){t(E,E)};return(k||"function"==typeof PromiseRejectionEvent)&&t.then(E)instanceof e&&0!==S.indexOf("6.6")&&-1===O.indexOf("Chrome/66")}catch(t){}}(),A=function(t){var e;return!(!f(t)||"function"!=typeof(e=t.then))&&e},G=function(t,e){if(!t._n){t._n=!0;var n=t._c;y((function(){for(var r=t._v,o=1==t._s,i=0,a=function(e){var n,i,a,c=o?e.ok:e.fail,s=e.resolve,u=e.reject,l=e.domain;try{c?(o||(2==t._h&&M(t),t._h=1),!0===c?n=r:(l&&l.enter(),n=c(r),l&&(l.exit(),a=!0)),n===e.promise?u(x("Promise-chain cycle")):(i=A(n))?i.call(n,s,u):s(n)):u(r)}catch(t){l&&!a&&l.exit(),u(t)}};n.length>i;)a(n[i++]);t._c=[],t._n=!1,e&&!t._h&&T(t)}))}},T=function(t){g.call(s,(function(){var e,n,r,o=t._v,i=F(t);if(i&&(e=_((function(){k?C.emit("unhandledRejection",o,t):(n=s.onunhandledrejection)?n({promise:t,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)})),t._h=k||F(t)?2:1),t._a=void 0,i&&e.e)throw e.v}))},F=function(t){return 1!==t._h&&0===(t._a||t._c).length},M=function(t){g.call(s,(function(){var e;k?C.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})}))},V=function(t){var e=this;e._d||(e._d=!0,(e=e._w||e)._v=t,e._s=2,e._a||(e._a=e._c.slice()),G(e,!0))},$=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw x("Promise can't be resolved itself");(e=A(t))?y((function(){var r={_w:n,_d:!1};try{e.call(t,u($,r,1),u(V,r,1))}catch(t){V.call(r,t)}})):(n._v=t,n._s=1,G(n,!1))}catch(t){V.call({_w:n,_d:!1},t)}}};P||(I=function(t){p(this,I,"Promise","_h"),h(t),r.call(this);try{t(u($,this,1),u(V,this,1))}catch(t){V.call(this,t)}},(r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=n(47)(I.prototype,{then:function(t,e){var n=N(v(this,I));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=k?C.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&G(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),i=function(){var t=new r;this.promise=t,this.resolve=u($,t,1),this.reject=u(V,t,1)},b.f=N=function(t){return t===I||t===a?new i(t):o(t)}),d(d.G+d.W+d.F*!P,{Promise:I}),n(42)(I,"Promise"),n(45)("Promise"),a=n(10).Promise,d(d.S+d.F*!P,"Promise",{reject:function(t){var e=N(this);return(0,e.reject)(t),e.promise}}),d(d.S+d.F*(c||!P),"Promise",{resolve:function(t){return w(c&&this===a?I:this,t)}}),d(d.S+d.F*!(P&&n(56)((function(t){I.all(t).catch(E)}))),"Promise",{all:function(t){var e=this,n=N(e),r=n.resolve,o=n.reject,i=_((function(){var n=[],i=0,a=1;m(t,!1,(function(t){var c=i++,s=!1;n.push(void 0),a++,e.resolve(t).then((function(t){s||(s=!0,n[c]=t,--a||r(n))}),o)})),--a||r(n)}));return i.e&&o(i.v),n.promise},race:function(t){var e=this,n=N(e),r=n.reject,o=_((function(){m(t,!1,(function(t){e.resolve(t).then(n.resolve,r)}))}));return o.e&&r(o.v),n.promise}})},function(t,e,n){"use strict";var r=n(22);function o(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)}t.exports.f=function(t){return new o(t)}},function(t,e,n){var r=n(5),o=n(6),i=n(134);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){"use strict";var r=n(12).f,o=n(37),i=n(47),a=n(21),c=n(46),s=n(60),u=n(77),l=n(130),d=n(45),f=n(11),h=n(31).fastKey,p=n(41),m=f?"_s":"size",v=function(t,e){var n,r=h(e);if("F"!==r)return t._i[r];for(n=t._f;n;n=n.n)if(n.k==e)return n};t.exports={getConstructor:function(t,e,n,u){var l=t((function(t,r){c(t,l,e,"_i"),t._t=e,t._i=o(null),t._f=void 0,t._l=void 0,t[m]=0,null!=r&&s(r,n,t[u],t)}));return i(l.prototype,{clear:function(){for(var t=p(this,e),n=t._i,r=t._f;r;r=r.n)r.r=!0,r.p&&(r.p=r.p.n=void 0),delete n[r.i];t._f=t._l=void 0,t[m]=0},delete:function(t){var n=p(this,e),r=v(n,t);if(r){var o=r.n,i=r.p;delete n._i[r.i],r.r=!0,i&&(i.n=o),o&&(o.p=i),n._f==r&&(n._f=o),n._l==r&&(n._l=i),n[m]--}return!!r},forEach:function(t){p(this,e);for(var n,r=a(t,arguments.length>1?arguments[1]:void 0,3);n=n?n.n:this._f;)for(r(n.v,n.k,this);n&&n.r;)n=n.p},has:function(t){return!!v(p(this,e),t)}}),f&&r(l.prototype,"size",{get:function(){return p(this,e)[m]}}),l},def:function(t,e,n){var r,o,i=v(t,e);return i?i.v=n:(t._l=i={i:o=h(e,!0),k:e,v:n,p:r=t._l,n:void 0,r:!1},t._f||(t._f=i),r&&(r.n=i),t[m]++,"F"!==o&&(t._i[o]=i)),t},getEntry:v,setStrong:function(t,e,n){u(t,e,(function(t,n){this._t=p(t,e),this._k=n,this._l=void 0}),(function(){for(var t=this._k,e=this._l;e&&e.r;)e=e.p;return this._t&&(this._l=e=e?e.n:this._t._f)?l(0,"keys"==t?e.k:"values"==t?e.v:[e.k,e.v]):(this._t=void 0,l(1))}),n?"entries":"values",!n,!0),d(e)}}},function(t,e,n){"use strict";var r=n(47),o=n(31).getWeak,i=n(5),a=n(6),c=n(46),s=n(60),u=n(26),l=n(17),d=n(41),f=u(5),h=u(6),p=0,m=function(t){return t._l||(t._l=new v)},v=function(){this.a=[]},g=function(t,e){return f(t.a,(function(t){return t[0]===e}))};v.prototype={get:function(t){var e=g(this,t);if(e)return e[1]},has:function(t){return!!g(this,t)},set:function(t,e){var n=g(this,t);n?n[1]=e:this.a.push([t,e])},delete:function(t){var e=h(this.a,(function(e){return e[0]===t}));return~e&&this.a.splice(e,1),!!~e}},t.exports={getConstructor:function(t,e,n,i){var u=t((function(t,r){c(t,u,e,"_i"),t._t=e,t._i=p++,t._l=void 0,null!=r&&s(r,n,t[i],t)}));return r(u.prototype,{delete:function(t){if(!a(t))return!1;var n=o(t);return!0===n?m(d(this,e)).delete(t):n&&l(n,this._i)&&delete n[this._i]},has:function(t){if(!a(t))return!1;var n=o(t);return!0===n?m(d(this,e)).has(t):n&&l(n,this._i)}}),u},def:function(t,e,n){var r=o(i(e),!0);return!0===r?m(t).set(e,n):r[t._i]=n,t},ufstore:m}},function(t,e,n){var r=n(23),o=n(9);t.exports=function(t){if(void 0===t)return 0;var e=r(t),n=o(e);if(e!==n)throw RangeError("Wrong length!");return n}},function(t,e,n){var r=n(38),o=n(54),i=n(5),a=n(3).Reflect;t.exports=a&&a.ownKeys||function(t){var e=r.f(i(t)),n=o.f;return n?e.concat(n(t)):e}},function(t,e,n){var r=n(9),o=n(73),i=n(28);t.exports=function(t,e,n,a){var c=String(i(t)),s=c.length,u=void 0===n?" ":String(n),l=r(e);if(l<=s||""==u)return c;var d=l-s,f=o.call(u,Math.ceil(d/u.length));return f.length>d&&(f=f.slice(0,d)),a?f+c:c+f}},function(t,e,n){var r=n(11),o=n(35),i=n(19),a=n(49).f;t.exports=function(t){return function(e){for(var n,c=i(e),s=o(c),u=s.length,l=0,d=[];u>l;)n=s[l++],r&&!a.call(c,n)||d.push(t?[n,c[n]]:c[n]);return d}}},function(t,e){var n=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=n)},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports="./assets/images/logo.svg"},function(t,e,n){n(147),t.exports=n(339)},function(t,e,n){"use strict";n(148);var r,o=(r=n(320))&&r.__esModule?r:{default:r};o.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),o.default._babelPolyfill=!0},function(t,e,n){"use strict";n(149),n(292),n(294),n(297),n(299),n(301),n(303),n(305),n(307),n(309),n(311),n(313),n(315),n(319)},function(t,e,n){n(150),n(153),n(154),n(155),n(156),n(157),n(158),n(159),n(160),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170),n(171),n(172),n(173),n(174),n(175),n(176),n(177),n(178),n(179),n(180),n(181),n(182),n(183),n(184),n(185),n(186),n(187),n(188),n(189),n(190),n(191),n(192),n(193),n(194),n(196),n(197),n(198),n(199),n(200),n(201),n(202),n(203),n(204),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(212),n(213),n(214),n(215),n(216),n(217),n(218),n(219),n(220),n(221),n(222),n(223),n(224),n(225),n(226),n(227),n(228),n(229),n(231),n(232),n(234),n(235),n(236),n(237),n(238),n(239),n(240),n(242),n(243),n(244),n(245),n(246),n(247),n(248),n(249),n(250),n(251),n(252),n(253),n(254),n(85),n(255),n(131),n(256),n(132),n(257),n(258),n(259),n(260),n(133),n(263),n(264),n(265),n(266),n(267),n(268),n(269),n(270),n(271),n(272),n(273),n(274),n(275),n(276),n(277),n(278),n(279),n(280),n(281),n(282),n(283),n(284),n(285),n(286),n(287),n(288),n(289),n(290),n(291),t.exports=n(10)},function(t,e,n){"use strict";var r=n(3),o=n(17),i=n(11),a=n(1),c=n(15),s=n(31).KEY,u=n(4),l=n(52),d=n(42),f=n(33),h=n(7),p=n(66),m=n(112),v=n(152),g=n(55),y=n(5),b=n(6),_=n(14),O=n(19),w=n(30),x=n(32),C=n(37),j=n(115),S=n(24),I=n(54),k=n(12),E=n(35),N=S.f,P=k.f,A=j.f,G=r.Symbol,T=r.JSON,F=T&&T.stringify,M=h("_hidden"),V=h("toPrimitive"),$={}.propertyIsEnumerable,R=l("symbol-registry"),L=l("symbols"),B=l("op-symbols"),D=Object.prototype,W="function"==typeof G&&!!I.f,U=r.QObject,z=!U||!U.prototype||!U.prototype.findChild,H=i&&u((function(){return 7!=C(P({},"a",{get:function(){return P(this,"a",{value:7}).a}})).a}))?function(t,e,n){var r=N(D,e);r&&delete D[e],P(t,e,n),r&&t!==D&&P(D,e,r)}:P,K=function(t){var e=L[t]=C(G.prototype);return e._k=t,e},q=W&&"symbol"==typeof G.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof G},J=function(t,e,n){return t===D&&J(B,e,n),y(t),e=w(e,!0),y(n),o(L,e)?(n.enumerable?(o(t,M)&&t[M][e]&&(t[M][e]=!1),n=C(n,{enumerable:x(0,!1)})):(o(t,M)||P(t,M,x(1,{})),t[M][e]=!0),H(t,e,n)):P(t,e,n)},Y=function(t,e){y(t);for(var n,r=v(e=O(e)),o=0,i=r.length;i>o;)J(t,n=r[o++],e[n]);return t},X=function(t){var e=$.call(this,t=w(t,!0));return!(this===D&&o(L,t)&&!o(B,t))&&(!(e||!o(this,t)||!o(L,t)||o(this,M)&&this[M][t])||e)},Z=function(t,e){if(t=O(t),e=w(e,!0),t!==D||!o(L,e)||o(B,e)){var n=N(t,e);return!n||!o(L,e)||o(t,M)&&t[M][e]||(n.enumerable=!0),n}},Q=function(t){for(var e,n=A(O(t)),r=[],i=0;n.length>i;)o(L,e=n[i++])||e==M||e==s||r.push(e);return r},tt=function(t){for(var e,n=t===D,r=A(n?B:O(t)),i=[],a=0;r.length>a;)!o(L,e=r[a++])||n&&!o(D,e)||i.push(L[e]);return i};W||(c((G=function(){if(this instanceof G)throw TypeError("Symbol is not a constructor!");var t=f(arguments.length>0?arguments[0]:void 0),e=function(n){this===D&&e.call(B,n),o(this,M)&&o(this[M],t)&&(this[M][t]=!1),H(this,t,x(1,n))};return i&&z&&H(D,t,{configurable:!0,set:e}),K(t)}).prototype,"toString",(function(){return this._k})),S.f=Z,k.f=J,n(38).f=j.f=Q,n(49).f=X,I.f=tt,i&&!n(34)&&c(D,"propertyIsEnumerable",X,!0),p.f=function(t){return K(h(t))}),a(a.G+a.W+a.F*!W,{Symbol:G});for(var et="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),nt=0;et.length>nt;)h(et[nt++]);for(var rt=E(h.store),ot=0;rt.length>ot;)m(rt[ot++]);a(a.S+a.F*!W,"Symbol",{for:function(t){return o(R,t+="")?R[t]:R[t]=G(t)},keyFor:function(t){if(!q(t))throw TypeError(t+" is not a symbol!");for(var e in R)if(R[e]===t)return e},useSetter:function(){z=!0},useSimple:function(){z=!1}}),a(a.S+a.F*!W,"Object",{create:function(t,e){return void 0===e?C(t):Y(C(t),e)},defineProperty:J,defineProperties:Y,getOwnPropertyDescriptor:Z,getOwnPropertyNames:Q,getOwnPropertySymbols:tt});var it=u((function(){I.f(1)}));a(a.S+a.F*it,"Object",{getOwnPropertySymbols:function(t){return I.f(_(t))}}),T&&a(a.S+a.F*(!W||u((function(){var t=G();return"[null]"!=F([t])||"{}"!=F({a:t})||"{}"!=F(Object(t))}))),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(b(e)||void 0!==t)&&!q(t))return g(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!q(e))return e}),r[1]=e,F.apply(T,r)}}),G.prototype[V]||n(18)(G.prototype,V,G.prototype.valueOf),d(G,"Symbol"),d(Math,"Math",!0),d(r.JSON,"JSON",!0)},function(t,e,n){t.exports=n(52)("native-function-to-string",Function.toString)},function(t,e,n){var r=n(35),o=n(54),i=n(49);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var a,c=n(t),s=i.f,u=0;c.length>u;)s.call(t,a=c[u++])&&e.push(a);return e}},function(t,e,n){var r=n(1);r(r.S,"Object",{create:n(37)})},function(t,e,n){var r=n(1);r(r.S+r.F*!n(11),"Object",{defineProperty:n(12).f})},function(t,e,n){var r=n(1);r(r.S+r.F*!n(11),"Object",{defineProperties:n(114)})},function(t,e,n){var r=n(19),o=n(24).f;n(25)("getOwnPropertyDescriptor",(function(){return function(t,e){return o(r(t),e)}}))},function(t,e,n){var r=n(14),o=n(39);n(25)("getPrototypeOf",(function(){return function(t){return o(r(t))}}))},function(t,e,n){var r=n(14),o=n(35);n(25)("keys",(function(){return function(t){return o(r(t))}}))},function(t,e,n){n(25)("getOwnPropertyNames",(function(){return n(115).f}))},function(t,e,n){var r=n(6),o=n(31).onFreeze;n(25)("freeze",(function(t){return function(e){return t&&r(e)?t(o(e)):e}}))},function(t,e,n){var r=n(6),o=n(31).onFreeze;n(25)("seal",(function(t){return function(e){return t&&r(e)?t(o(e)):e}}))},function(t,e,n){var r=n(6),o=n(31).onFreeze;n(25)("preventExtensions",(function(t){return function(e){return t&&r(e)?t(o(e)):e}}))},function(t,e,n){var r=n(6);n(25)("isFrozen",(function(t){return function(e){return!r(e)||!!t&&t(e)}}))},function(t,e,n){var r=n(6);n(25)("isSealed",(function(t){return function(e){return!r(e)||!!t&&t(e)}}))},function(t,e,n){var r=n(6);n(25)("isExtensible",(function(t){return function(e){return!!r(e)&&(!t||t(e))}}))},function(t,e,n){var r=n(1);r(r.S+r.F,"Object",{assign:n(116)})},function(t,e,n){var r=n(1);r(r.S,"Object",{is:n(117)})},function(t,e,n){var r=n(1);r(r.S,"Object",{setPrototypeOf:n(70).set})},function(t,e,n){"use strict";var r=n(50),o={};o[n(7)("toStringTag")]="z",o+""!="[object z]"&&n(15)(Object.prototype,"toString",(function(){return"[object "+r(this)+"]"}),!0)},function(t,e,n){var r=n(1);r(r.P,"Function",{bind:n(118)})},function(t,e,n){var r=n(12).f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n(11)&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(t){return""}}})},function(t,e,n){"use strict";var r=n(6),o=n(39),i=n(7)("hasInstance"),a=Function.prototype;i in a||n(12).f(a,i,{value:function(t){if("function"!=typeof this||!r(t))return!1;if(!r(this.prototype))return t instanceof this;for(;t=o(t);)if(this.prototype===t)return!0;return!1}})},function(t,e,n){var r=n(1),o=n(120);r(r.G+r.F*(parseInt!=o),{parseInt:o})},function(t,e,n){var r=n(1),o=n(121);r(r.G+r.F*(parseFloat!=o),{parseFloat:o})},function(t,e,n){"use strict";var r=n(3),o=n(17),i=n(27),a=n(72),c=n(30),s=n(4),u=n(38).f,l=n(24).f,d=n(12).f,f=n(43).trim,h=r.Number,p=h,m=h.prototype,v="Number"==i(n(37)(m)),g="trim"in String.prototype,y=function(t){var e=c(t,!1);if("string"==typeof e&&e.length>2){var n,r,o,i=(e=g?e.trim():f(e,3)).charCodeAt(0);if(43===i||45===i){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===i){switch(e.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+e}for(var a,s=e.slice(2),u=0,l=s.length;u<l;u++)if((a=s.charCodeAt(u))<48||a>o)return NaN;return parseInt(s,r)}}return+e};if(!h(" 0o1")||!h("0b1")||h("+0x1")){h=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof h&&(v?s((function(){m.valueOf.call(n)})):"Number"!=i(n))?a(new p(y(e)),n,h):y(e)};for(var b,_=n(11)?u(p):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),O=0;_.length>O;O++)o(p,b=_[O])&&!o(h,b)&&d(h,b,l(p,b));h.prototype=m,m.constructor=h,n(15)(r,"Number",h)}},function(t,e,n){"use strict";var r=n(1),o=n(23),i=n(122),a=n(73),c=1..toFixed,s=Math.floor,u=[0,0,0,0,0,0],l="Number.toFixed: incorrect invocation!",d=function(t,e){for(var n=-1,r=e;++n<6;)r+=t*u[n],u[n]=r%1e7,r=s(r/1e7)},f=function(t){for(var e=6,n=0;--e>=0;)n+=u[e],u[e]=s(n/t),n=n%t*1e7},h=function(){for(var t=6,e="";--t>=0;)if(""!==e||0===t||0!==u[t]){var n=String(u[t]);e=""===e?n:e+a.call("0",7-n.length)+n}return e},p=function(t,e,n){return 0===e?n:e%2==1?p(t,e-1,n*t):p(t*t,e/2,n)};r(r.P+r.F*(!!c&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n(4)((function(){c.call({})}))),"Number",{toFixed:function(t){var e,n,r,c,s=i(this,l),u=o(t),m="",v="0";if(u<0||u>20)throw RangeError(l);if(s!=s)return"NaN";if(s<=-1e21||s>=1e21)return String(s);if(s<0&&(m="-",s=-s),s>1e-21)if(n=(e=function(t){for(var e=0,n=t;n>=4096;)e+=12,n/=4096;for(;n>=2;)e+=1,n/=2;return e}(s*p(2,69,1))-69)<0?s*p(2,-e,1):s/p(2,e,1),n*=4503599627370496,(e=52-e)>0){for(d(0,n),r=u;r>=7;)d(1e7,0),r-=7;for(d(p(10,r,1),0),r=e-1;r>=23;)f(1<<23),r-=23;f(1<<r),d(1,1),f(2),v=h()}else d(0,n),d(1<<-e,0),v=h()+a.call("0",u);return v=u>0?m+((c=v.length)<=u?"0."+a.call("0",u-c)+v:v.slice(0,c-u)+"."+v.slice(c-u)):m+v}})},function(t,e,n){"use strict";var r=n(1),o=n(4),i=n(122),a=1..toPrecision;r(r.P+r.F*(o((function(){return"1"!==a.call(1,void 0)}))||!o((function(){a.call({})}))),"Number",{toPrecision:function(t){var e=i(this,"Number#toPrecision: incorrect invocation!");return void 0===t?a.call(e):a.call(e,t)}})},function(t,e,n){var r=n(1);r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},function(t,e,n){var r=n(1),o=n(3).isFinite;r(r.S,"Number",{isFinite:function(t){return"number"==typeof t&&o(t)}})},function(t,e,n){var r=n(1);r(r.S,"Number",{isInteger:n(123)})},function(t,e,n){var r=n(1);r(r.S,"Number",{isNaN:function(t){return t!=t}})},function(t,e,n){var r=n(1),o=n(123),i=Math.abs;r(r.S,"Number",{isSafeInteger:function(t){return o(t)&&i(t)<=9007199254740991}})},function(t,e,n){var r=n(1);r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},function(t,e,n){var r=n(1);r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},function(t,e,n){var r=n(1),o=n(121);r(r.S+r.F*(Number.parseFloat!=o),"Number",{parseFloat:o})},function(t,e,n){var r=n(1),o=n(120);r(r.S+r.F*(Number.parseInt!=o),"Number",{parseInt:o})},function(t,e,n){var r=n(1),o=n(124),i=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:o(t-1+i(t-1)*i(t+1))}})},function(t,e,n){var r=n(1),o=Math.asinh;r(r.S+r.F*!(o&&1/o(0)>0),"Math",{asinh:function t(e){return isFinite(e=+e)&&0!=e?e<0?-t(-e):Math.log(e+Math.sqrt(e*e+1)):e}})},function(t,e,n){var r=n(1),o=Math.atanh;r(r.S+r.F*!(o&&1/o(-0)<0),"Math",{atanh:function(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},function(t,e,n){var r=n(1),o=n(74);r(r.S,"Math",{cbrt:function(t){return o(t=+t)*Math.pow(Math.abs(t),1/3)}})},function(t,e,n){var r=n(1);r(r.S,"Math",{clz32:function(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},function(t,e,n){var r=n(1),o=Math.exp;r(r.S,"Math",{cosh:function(t){return(o(t=+t)+o(-t))/2}})},function(t,e,n){var r=n(1),o=n(75);r(r.S+r.F*(o!=Math.expm1),"Math",{expm1:o})},function(t,e,n){var r=n(1);r(r.S,"Math",{fround:n(195)})},function(t,e,n){var r=n(74),o=Math.pow,i=o(2,-52),a=o(2,-23),c=o(2,127)*(2-a),s=o(2,-126);t.exports=Math.fround||function(t){var e,n,o=Math.abs(t),u=r(t);return o<s?u*(o/s/a+1/i-1/i)*s*a:(n=(e=(1+a/i)*o)-(e-o))>c||n!=n?u*(1/0):u*n}},function(t,e,n){var r=n(1),o=Math.abs;r(r.S,"Math",{hypot:function(t,e){for(var n,r,i=0,a=0,c=arguments.length,s=0;a<c;)s<(n=o(arguments[a++]))?(i=i*(r=s/n)*r+1,s=n):i+=n>0?(r=n/s)*r:n;return s===1/0?1/0:s*Math.sqrt(i)}})},function(t,e,n){var r=n(1),o=Math.imul;r(r.S+r.F*n(4)((function(){return-5!=o(4294967295,5)||2!=o.length})),"Math",{imul:function(t,e){var n=+t,r=+e,o=65535&n,i=65535&r;return 0|o*i+((65535&n>>>16)*i+o*(65535&r>>>16)<<16>>>0)}})},function(t,e,n){var r=n(1);r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},function(t,e,n){var r=n(1);r(r.S,"Math",{log1p:n(124)})},function(t,e,n){var r=n(1);r(r.S,"Math",{log2:function(t){return Math.log(t)/Math.LN2}})},function(t,e,n){var r=n(1);r(r.S,"Math",{sign:n(74)})},function(t,e,n){var r=n(1),o=n(75),i=Math.exp;r(r.S+r.F*n(4)((function(){return-2e-17!=!Math.sinh(-2e-17)})),"Math",{sinh:function(t){return Math.abs(t=+t)<1?(o(t)-o(-t))/2:(i(t-1)-i(-t-1))*(Math.E/2)}})},function(t,e,n){var r=n(1),o=n(75),i=Math.exp;r(r.S,"Math",{tanh:function(t){var e=o(t=+t),n=o(-t);return e==1/0?1:n==1/0?-1:(e-n)/(i(t)+i(-t))}})},function(t,e,n){var r=n(1);r(r.S,"Math",{trunc:function(t){return(t>0?Math.floor:Math.ceil)(t)}})},function(t,e,n){var r=n(1),o=n(36),i=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(t){for(var e,n=[],r=arguments.length,a=0;r>a;){if(e=+arguments[a++],o(e,1114111)!==e)throw RangeError(e+" is not a valid code point");n.push(e<65536?i(e):i(55296+((e-=65536)>>10),e%1024+56320))}return n.join("")}})},function(t,e,n){var r=n(1),o=n(19),i=n(9);r(r.S,"String",{raw:function(t){for(var e=o(t.raw),n=i(e.length),r=arguments.length,a=[],c=0;n>c;)a.push(String(e[c++])),c<r&&a.push(String(arguments[c]));return a.join("")}})},function(t,e,n){"use strict";n(43)("trim",(function(t){return function(){return t(this,3)}}))},function(t,e,n){"use strict";var r=n(76)(!0);n(77)(String,"String",(function(t){this._t=String(t),this._i=0}),(function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})}))},function(t,e,n){"use strict";var r=n(1),o=n(76)(!1);r(r.P,"String",{codePointAt:function(t){return o(this,t)}})},function(t,e,n){"use strict";var r=n(1),o=n(9),i=n(78),a="".endsWith;r(r.P+r.F*n(80)("endsWith"),"String",{endsWith:function(t){var e=i(this,t,"endsWith"),n=arguments.length>1?arguments[1]:void 0,r=o(e.length),c=void 0===n?r:Math.min(o(n),r),s=String(t);return a?a.call(e,s,c):e.slice(c-s.length,c)===s}})},function(t,e,n){"use strict";var r=n(1),o=n(78);r(r.P+r.F*n(80)("includes"),"String",{includes:function(t){return!!~o(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(1);r(r.P,"String",{repeat:n(73)})},function(t,e,n){"use strict";var r=n(1),o=n(9),i=n(78),a="".startsWith;r(r.P+r.F*n(80)("startsWith"),"String",{startsWith:function(t){var e=i(this,t,"startsWith"),n=o(Math.min(arguments.length>1?arguments[1]:void 0,e.length)),r=String(t);return a?a.call(e,r,n):e.slice(n,n+r.length)===r}})},function(t,e,n){"use strict";n(16)("anchor",(function(t){return function(e){return t(this,"a","name",e)}}))},function(t,e,n){"use strict";n(16)("big",(function(t){return function(){return t(this,"big","","")}}))},function(t,e,n){"use strict";n(16)("blink",(function(t){return function(){return t(this,"blink","","")}}))},function(t,e,n){"use strict";n(16)("bold",(function(t){return function(){return t(this,"b","","")}}))},function(t,e,n){"use strict";n(16)("fixed",(function(t){return function(){return t(this,"tt","","")}}))},function(t,e,n){"use strict";n(16)("fontcolor",(function(t){return function(e){return t(this,"font","color",e)}}))},function(t,e,n){"use strict";n(16)("fontsize",(function(t){return function(e){return t(this,"font","size",e)}}))},function(t,e,n){"use strict";n(16)("italics",(function(t){return function(){return t(this,"i","","")}}))},function(t,e,n){"use strict";n(16)("link",(function(t){return function(e){return t(this,"a","href",e)}}))},function(t,e,n){"use strict";n(16)("small",(function(t){return function(){return t(this,"small","","")}}))},function(t,e,n){"use strict";n(16)("strike",(function(t){return function(){return t(this,"strike","","")}}))},function(t,e,n){"use strict";n(16)("sub",(function(t){return function(){return t(this,"sub","","")}}))},function(t,e,n){"use strict";n(16)("sup",(function(t){return function(){return t(this,"sup","","")}}))},function(t,e,n){var r=n(1);r(r.S,"Date",{now:function(){return(new Date).getTime()}})},function(t,e,n){"use strict";var r=n(1),o=n(14),i=n(30);r(r.P+r.F*n(4)((function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})})),"Date",{toJSON:function(t){var e=o(this),n=i(e);return"number"!=typeof n||isFinite(n)?e.toISOString():null}})},function(t,e,n){var r=n(1),o=n(230);r(r.P+r.F*(Date.prototype.toISOString!==o),"Date",{toISOString:o})},function(t,e,n){"use strict";var r=n(4),o=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(t){return t>9?t:"0"+t};t.exports=r((function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-50000000000001))}))||!r((function(){i.call(new Date(NaN))}))?function(){if(!isFinite(o.call(this)))throw RangeError("Invalid time value");var t=this,e=t.getUTCFullYear(),n=t.getUTCMilliseconds(),r=e<0?"-":e>9999?"+":"";return r+("00000"+Math.abs(e)).slice(r?-6:-4)+"-"+a(t.getUTCMonth()+1)+"-"+a(t.getUTCDate())+"T"+a(t.getUTCHours())+":"+a(t.getUTCMinutes())+":"+a(t.getUTCSeconds())+"."+(n>99?n:"0"+a(n))+"Z"}:i},function(t,e,n){var r=Date.prototype,o=r.toString,i=r.getTime;new Date(NaN)+""!="Invalid Date"&&n(15)(r,"toString",(function(){var t=i.call(this);return t==t?o.call(this):"Invalid Date"}))},function(t,e,n){var r=n(7)("toPrimitive"),o=Date.prototype;r in o||n(18)(o,r,n(233))},function(t,e,n){"use strict";var r=n(5),o=n(30);t.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return o(r(this),"number"!=t)}},function(t,e,n){var r=n(1);r(r.S,"Array",{isArray:n(55)})},function(t,e,n){"use strict";var r=n(21),o=n(1),i=n(14),a=n(126),c=n(81),s=n(9),u=n(82),l=n(83);o(o.S+o.F*!n(56)((function(t){Array.from(t)})),"Array",{from:function(t){var e,n,o,d,f=i(t),h="function"==typeof this?this:Array,p=arguments.length,m=p>1?arguments[1]:void 0,v=void 0!==m,g=0,y=l(f);if(v&&(m=r(m,p>2?arguments[2]:void 0,2)),null==y||h==Array&&c(y))for(n=new h(e=s(f.length));e>g;g++)u(n,g,v?m(f[g],g):f[g]);else for(d=y.call(f),n=new h;!(o=d.next()).done;g++)u(n,g,v?a(d,m,[o.value,g],!0):o.value);return n.length=g,n}})},function(t,e,n){"use strict";var r=n(1),o=n(82);r(r.S+r.F*n(4)((function(){function t(){}return!(Array.of.call(t)instanceof t)})),"Array",{of:function(){for(var t=0,e=arguments.length,n=new("function"==typeof this?this:Array)(e);e>t;)o(n,t,arguments[t++]);return n.length=e,n}})},function(t,e,n){"use strict";var r=n(1),o=n(19),i=[].join;r(r.P+r.F*(n(48)!=Object||!n(20)(i)),"Array",{join:function(t){return i.call(o(this),void 0===t?",":t)}})},function(t,e,n){"use strict";var r=n(1),o=n(69),i=n(27),a=n(36),c=n(9),s=[].slice;r(r.P+r.F*n(4)((function(){o&&s.call(o)})),"Array",{slice:function(t,e){var n=c(this.length),r=i(this);if(e=void 0===e?n:e,"Array"==r)return s.call(this,t,e);for(var o=a(t,n),u=a(e,n),l=c(u-o),d=new Array(l),f=0;f<l;f++)d[f]="String"==r?this.charAt(o+f):this[o+f];return d}})},function(t,e,n){"use strict";var r=n(1),o=n(22),i=n(14),a=n(4),c=[].sort,s=[1,2,3];r(r.P+r.F*(a((function(){s.sort(void 0)}))||!a((function(){s.sort(null)}))||!n(20)(c)),"Array",{sort:function(t){return void 0===t?c.call(i(this)):c.call(i(this),o(t))}})},function(t,e,n){"use strict";var r=n(1),o=n(26)(0),i=n(20)([].forEach,!0);r(r.P+r.F*!i,"Array",{forEach:function(t){return o(this,t,arguments[1])}})},function(t,e,n){var r=n(6),o=n(55),i=n(7)("species");t.exports=function(t){var e;return o(t)&&("function"!=typeof(e=t.constructor)||e!==Array&&!o(e.prototype)||(e=void 0),r(e)&&null===(e=e[i])&&(e=void 0)),void 0===e?Array:e}},function(t,e,n){"use strict";var r=n(1),o=n(26)(1);r(r.P+r.F*!n(20)([].map,!0),"Array",{map:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var r=n(1),o=n(26)(2);r(r.P+r.F*!n(20)([].filter,!0),"Array",{filter:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var r=n(1),o=n(26)(3);r(r.P+r.F*!n(20)([].some,!0),"Array",{some:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var r=n(1),o=n(26)(4);r(r.P+r.F*!n(20)([].every,!0),"Array",{every:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var r=n(1),o=n(128);r(r.P+r.F*!n(20)([].reduce,!0),"Array",{reduce:function(t){return o(this,t,arguments.length,arguments[1],!1)}})},function(t,e,n){"use strict";var r=n(1),o=n(128);r(r.P+r.F*!n(20)([].reduceRight,!0),"Array",{reduceRight:function(t){return o(this,t,arguments.length,arguments[1],!0)}})},function(t,e,n){"use strict";var r=n(1),o=n(53)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(a||!n(20)(i)),"Array",{indexOf:function(t){return a?i.apply(this,arguments)||0:o(this,t,arguments[1])}})},function(t,e,n){"use strict";var r=n(1),o=n(19),i=n(23),a=n(9),c=[].lastIndexOf,s=!!c&&1/[1].lastIndexOf(1,-0)<0;r(r.P+r.F*(s||!n(20)(c)),"Array",{lastIndexOf:function(t){if(s)return c.apply(this,arguments)||0;var e=o(this),n=a(e.length),r=n-1;for(arguments.length>1&&(r=Math.min(r,i(arguments[1]))),r<0&&(r=n+r);r>=0;r--)if(r in e&&e[r]===t)return r||0;return-1}})},function(t,e,n){var r=n(1);r(r.P,"Array",{copyWithin:n(129)}),n(40)("copyWithin")},function(t,e,n){var r=n(1);r(r.P,"Array",{fill:n(84)}),n(40)("fill")},function(t,e,n){"use strict";var r=n(1),o=n(26)(5),i=!0;"find"in[]&&Array(1).find((function(){i=!1})),r(r.P+r.F*i,"Array",{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(40)("find")},function(t,e,n){"use strict";var r=n(1),o=n(26)(6),i="findIndex",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),r(r.P+r.F*a,"Array",{findIndex:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(40)(i)},function(t,e,n){n(45)("Array")},function(t,e,n){var r=n(3),o=n(72),i=n(12).f,a=n(38).f,c=n(79),s=n(57),u=r.RegExp,l=u,d=u.prototype,f=/a/g,h=/a/g,p=new u(f)!==f;if(n(11)&&(!p||n(4)((function(){return h[n(7)("match")]=!1,u(f)!=f||u(h)==h||"/a/i"!=u(f,"i")})))){u=function(t,e){var n=this instanceof u,r=c(t),i=void 0===e;return!n&&r&&t.constructor===u&&i?t:o(p?new l(r&&!i?t.source:t,e):l((r=t instanceof u)?t.source:t,r&&i?s.call(t):e),n?this:d,u)};for(var m=function(t){t in u||i(u,t,{configurable:!0,get:function(){return l[t]},set:function(e){l[t]=e}})},v=a(l),g=0;v.length>g;)m(v[g++]);d.constructor=u,u.prototype=d,n(15)(r,"RegExp",u)}n(45)("RegExp")},function(t,e,n){"use strict";n(132);var r=n(5),o=n(57),i=n(11),a=/./.toString,c=function(t){n(15)(RegExp.prototype,"toString",t,!0)};n(4)((function(){return"/a/b"!=a.call({source:"a",flags:"b"})}))?c((function(){var t=r(this);return"/".concat(t.source,"/","flags"in t?t.flags:!i&&t instanceof RegExp?o.call(t):void 0)})):"toString"!=a.name&&c((function(){return a.call(this)}))},function(t,e,n){"use strict";var r=n(5),o=n(9),i=n(87),a=n(58);n(59)("match",1,(function(t,e,n,c){return[function(n){var r=t(this),o=null==n?void 0:n[e];return void 0!==o?o.call(n,r):new RegExp(n)[e](String(r))},function(t){var e=c(n,t,this);if(e.done)return e.value;var s=r(t),u=String(this);if(!s.global)return a(s,u);var l=s.unicode;s.lastIndex=0;for(var d,f=[],h=0;null!==(d=a(s,u));){var p=String(d[0]);f[h]=p,""===p&&(s.lastIndex=i(u,o(s.lastIndex),l)),h++}return 0===h?null:f}]}))},function(t,e,n){"use strict";var r=n(5),o=n(14),i=n(9),a=n(23),c=n(87),s=n(58),u=Math.max,l=Math.min,d=Math.floor,f=/\$([$&`']|\d\d?|<[^>]*>)/g,h=/\$([$&`']|\d\d?)/g;n(59)("replace",2,(function(t,e,n,p){return[function(r,o){var i=t(this),a=null==r?void 0:r[e];return void 0!==a?a.call(r,i,o):n.call(String(i),r,o)},function(t,e){var o=p(n,t,this,e);if(o.done)return o.value;var d=r(t),f=String(this),h="function"==typeof e;h||(e=String(e));var v=d.global;if(v){var g=d.unicode;d.lastIndex=0}for(var y=[];;){var b=s(d,f);if(null===b)break;if(y.push(b),!v)break;""===String(b[0])&&(d.lastIndex=c(f,i(d.lastIndex),g))}for(var _,O="",w=0,x=0;x<y.length;x++){b=y[x];for(var C=String(b[0]),j=u(l(a(b.index),f.length),0),S=[],I=1;I<b.length;I++)S.push(void 0===(_=b[I])?_:String(_));var k=b.groups;if(h){var E=[C].concat(S,j,f);void 0!==k&&E.push(k);var N=String(e.apply(void 0,E))}else N=m(C,f,j,S,k,e);j>=w&&(O+=f.slice(w,j)+N,w=j+C.length)}return O+f.slice(w)}];function m(t,e,r,i,a,c){var s=r+t.length,u=i.length,l=h;return void 0!==a&&(a=o(a),l=f),n.call(c,l,(function(n,o){var c;switch(o.charAt(0)){case"$":return"$";case"&":return t;case"`":return e.slice(0,r);case"'":return e.slice(s);case"<":c=a[o.slice(1,-1)];break;default:var l=+o;if(0===l)return n;if(l>u){var f=d(l/10);return 0===f?n:f<=u?void 0===i[f-1]?o.charAt(1):i[f-1]+o.charAt(1):n}c=i[l-1]}return void 0===c?"":c}))}}))},function(t,e,n){"use strict";var r=n(5),o=n(117),i=n(58);n(59)("search",1,(function(t,e,n,a){return[function(n){var r=t(this),o=null==n?void 0:n[e];return void 0!==o?o.call(n,r):new RegExp(n)[e](String(r))},function(t){var e=a(n,t,this);if(e.done)return e.value;var c=r(t),s=String(this),u=c.lastIndex;o(u,0)||(c.lastIndex=0);var l=i(c,s);return o(c.lastIndex,u)||(c.lastIndex=u),null===l?-1:l.index}]}))},function(t,e,n){"use strict";var r=n(79),o=n(5),i=n(51),a=n(87),c=n(9),s=n(58),u=n(86),l=n(4),d=Math.min,f=[].push,h="length",p=!l((function(){RegExp(4294967295,"y")}));n(59)("split",2,(function(t,e,n,l){var m;return m="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1)[h]||2!="ab".split(/(?:ab)*/)[h]||4!=".".split(/(.?)(.?)/)[h]||".".split(/()()/)[h]>1||"".split(/.?/)[h]?function(t,e){var o=String(this);if(void 0===t&&0===e)return[];if(!r(t))return n.call(o,t,e);for(var i,a,c,s=[],l=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),d=0,p=void 0===e?4294967295:e>>>0,m=new RegExp(t.source,l+"g");(i=u.call(m,o))&&!((a=m.lastIndex)>d&&(s.push(o.slice(d,i.index)),i[h]>1&&i.index<o[h]&&f.apply(s,i.slice(1)),c=i[0][h],d=a,s[h]>=p));)m.lastIndex===i.index&&m.lastIndex++;return d===o[h]?!c&&m.test("")||s.push(""):s.push(o.slice(d)),s[h]>p?s.slice(0,p):s}:"0".split(void 0,0)[h]?function(t,e){return void 0===t&&0===e?[]:n.call(this,t,e)}:n,[function(n,r){var o=t(this),i=null==n?void 0:n[e];return void 0!==i?i.call(n,o,r):m.call(String(o),n,r)},function(t,e){var r=l(m,t,this,e,m!==n);if(r.done)return r.value;var u=o(t),f=String(this),h=i(u,RegExp),v=u.unicode,g=(u.ignoreCase?"i":"")+(u.multiline?"m":"")+(u.unicode?"u":"")+(p?"y":"g"),y=new h(p?u:"^(?:"+u.source+")",g),b=void 0===e?4294967295:e>>>0;if(0===b)return[];if(0===f.length)return null===s(y,f)?[f]:[];for(var _=0,O=0,w=[];O<f.length;){y.lastIndex=p?O:0;var x,C=s(y,p?f:f.slice(O));if(null===C||(x=d(c(y.lastIndex+(p?0:O)),f.length))===_)O=a(f,O,v);else{if(w.push(f.slice(_,O)),w.length===b)return w;for(var j=1;j<=C.length-1;j++)if(w.push(C[j]),w.length===b)return w;O=_=x}}return w.push(f.slice(_)),w}]}))},function(t,e,n){var r=n(3),o=n(88).set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,c=r.Promise,s="process"==n(27)(a);t.exports=function(){var t,e,n,u=function(){var r,o;for(s&&(r=a.domain)&&r.exit();t;){o=t.fn,t=t.next;try{o()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(s)n=function(){a.nextTick(u)};else if(!i||r.navigator&&r.navigator.standalone)if(c&&c.resolve){var l=c.resolve(void 0);n=function(){l.then(u)}}else n=function(){o.call(r,u)};else{var d=!0,f=document.createTextNode("");new i(u).observe(f,{characterData:!0}),n=function(){f.data=d=!d}}return function(r){var o={fn:r,next:void 0};e&&(e.next=o),t||(t=o,n()),e=o}}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){"use strict";var r=n(136),o=n(41);t.exports=n(62)("Map",(function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}}),{get:function(t){var e=r.getEntry(o(this,"Map"),t);return e&&e.v},set:function(t,e){return r.def(o(this,"Map"),0===t?0:t,e)}},r,!0)},function(t,e,n){"use strict";var r=n(136),o=n(41);t.exports=n(62)("Set",(function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(t){return r.def(o(this,"Set"),t=0===t?0:t,t)}},r)},function(t,e,n){"use strict";var r,o=n(3),i=n(26)(0),a=n(15),c=n(31),s=n(116),u=n(137),l=n(6),d=n(41),f=n(41),h=!o.ActiveXObject&&"ActiveXObject"in o,p=c.getWeak,m=Object.isExtensible,v=u.ufstore,g=function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(t){if(l(t)){var e=p(t);return!0===e?v(d(this,"WeakMap")).get(t):e?e[this._i]:void 0}},set:function(t,e){return u.def(d(this,"WeakMap"),t,e)}},b=t.exports=n(62)("WeakMap",g,y,u,!0,!0);f&&h&&(s((r=u.getConstructor(g,"WeakMap")).prototype,y),c.NEED=!0,i(["delete","has","get","set"],(function(t){var e=b.prototype,n=e[t];a(e,t,(function(e,o){if(l(e)&&!m(e)){this._f||(this._f=new r);var i=this._f[t](e,o);return"set"==t?this:i}return n.call(this,e,o)}))})))},function(t,e,n){"use strict";var r=n(137),o=n(41);n(62)("WeakSet",(function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(t){return r.def(o(this,"WeakSet"),t,!0)}},r,!1,!0)},function(t,e,n){"use strict";var r=n(1),o=n(63),i=n(89),a=n(5),c=n(36),s=n(9),u=n(6),l=n(3).ArrayBuffer,d=n(51),f=i.ArrayBuffer,h=i.DataView,p=o.ABV&&l.isView,m=f.prototype.slice,v=o.VIEW;r(r.G+r.W+r.F*(l!==f),{ArrayBuffer:f}),r(r.S+r.F*!o.CONSTR,"ArrayBuffer",{isView:function(t){return p&&p(t)||u(t)&&v in t}}),r(r.P+r.U+r.F*n(4)((function(){return!new f(2).slice(1,void 0).byteLength})),"ArrayBuffer",{slice:function(t,e){if(void 0!==m&&void 0===e)return m.call(a(this),t);for(var n=a(this).byteLength,r=c(t,n),o=c(void 0===e?n:e,n),i=new(d(this,f))(s(o-r)),u=new h(this),l=new h(i),p=0;r<o;)l.setUint8(p++,u.getUint8(r++));return i}}),n(45)("ArrayBuffer")},function(t,e,n){var r=n(1);r(r.G+r.W+r.F*!n(63).ABV,{DataView:n(89).DataView})},function(t,e,n){n(29)("Int8",1,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Uint8",1,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Uint8",1,(function(t){return function(e,n,r){return t(this,e,n,r)}}),!0)},function(t,e,n){n(29)("Int16",2,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Uint16",2,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Int32",4,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Uint32",4,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Float32",4,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){n(29)("Float64",8,(function(t){return function(e,n,r){return t(this,e,n,r)}}))},function(t,e,n){var r=n(1),o=n(22),i=n(5),a=(n(3).Reflect||{}).apply,c=Function.apply;r(r.S+r.F*!n(4)((function(){a((function(){}))})),"Reflect",{apply:function(t,e,n){var r=o(t),s=i(n);return a?a(r,e,s):c.call(r,e,s)}})},function(t,e,n){var r=n(1),o=n(37),i=n(22),a=n(5),c=n(6),s=n(4),u=n(118),l=(n(3).Reflect||{}).construct,d=s((function(){function t(){}return!(l((function(){}),[],t)instanceof t)})),f=!s((function(){l((function(){}))}));r(r.S+r.F*(d||f),"Reflect",{construct:function(t,e){i(t),a(e);var n=arguments.length<3?t:i(arguments[2]);if(f&&!d)return l(t,e,n);if(t==n){switch(e.length){case 0:return new t;case 1:return new t(e[0]);case 2:return new t(e[0],e[1]);case 3:return new t(e[0],e[1],e[2]);case 4:return new t(e[0],e[1],e[2],e[3])}var r=[null];return r.push.apply(r,e),new(u.apply(t,r))}var s=n.prototype,h=o(c(s)?s:Object.prototype),p=Function.apply.call(t,h,e);return c(p)?p:h}})},function(t,e,n){var r=n(12),o=n(1),i=n(5),a=n(30);o(o.S+o.F*n(4)((function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})})),"Reflect",{defineProperty:function(t,e,n){i(t),e=a(e,!0),i(n);try{return r.f(t,e,n),!0}catch(t){return!1}}})},function(t,e,n){var r=n(1),o=n(24).f,i=n(5);r(r.S,"Reflect",{deleteProperty:function(t,e){var n=o(i(t),e);return!(n&&!n.configurable)&&delete t[e]}})},function(t,e,n){"use strict";var r=n(1),o=n(5),i=function(t){this._t=o(t),this._i=0;var e,n=this._k=[];for(e in t)n.push(e)};n(125)(i,"Object",(function(){var t,e=this._k;do{if(this._i>=e.length)return{value:void 0,done:!0}}while(!((t=e[this._i++])in this._t));return{value:t,done:!1}})),r(r.S,"Reflect",{enumerate:function(t){return new i(t)}})},function(t,e,n){var r=n(24),o=n(39),i=n(17),a=n(1),c=n(6),s=n(5);a(a.S,"Reflect",{get:function t(e,n){var a,u,l=arguments.length<3?e:arguments[2];return s(e)===l?e[n]:(a=r.f(e,n))?i(a,"value")?a.value:void 0!==a.get?a.get.call(l):void 0:c(u=o(e))?t(u,n,l):void 0}})},function(t,e,n){var r=n(24),o=n(1),i=n(5);o(o.S,"Reflect",{getOwnPropertyDescriptor:function(t,e){return r.f(i(t),e)}})},function(t,e,n){var r=n(1),o=n(39),i=n(5);r(r.S,"Reflect",{getPrototypeOf:function(t){return o(i(t))}})},function(t,e,n){var r=n(1);r(r.S,"Reflect",{has:function(t,e){return e in t}})},function(t,e,n){var r=n(1),o=n(5),i=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(t){return o(t),!i||i(t)}})},function(t,e,n){var r=n(1);r(r.S,"Reflect",{ownKeys:n(139)})},function(t,e,n){var r=n(1),o=n(5),i=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(t){o(t);try{return i&&i(t),!0}catch(t){return!1}}})},function(t,e,n){var r=n(12),o=n(24),i=n(39),a=n(17),c=n(1),s=n(32),u=n(5),l=n(6);c(c.S,"Reflect",{set:function t(e,n,c){var d,f,h=arguments.length<4?e:arguments[3],p=o.f(u(e),n);if(!p){if(l(f=i(e)))return t(f,n,c,h);p=s(0)}if(a(p,"value")){if(!1===p.writable||!l(h))return!1;if(d=o.f(h,n)){if(d.get||d.set||!1===d.writable)return!1;d.value=c,r.f(h,n,d)}else r.f(h,n,s(0,c));return!0}return void 0!==p.set&&(p.set.call(h,c),!0)}})},function(t,e,n){var r=n(1),o=n(70);o&&r(r.S,"Reflect",{setPrototypeOf:function(t,e){o.check(t,e);try{return o.set(t,e),!0}catch(t){return!1}}})},function(t,e,n){n(293),t.exports=n(10).Array.includes},function(t,e,n){"use strict";var r=n(1),o=n(53)(!0);r(r.P,"Array",{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(40)("includes")},function(t,e,n){n(295),t.exports=n(10).Array.flatMap},function(t,e,n){"use strict";var r=n(1),o=n(296),i=n(14),a=n(9),c=n(22),s=n(127);r(r.P,"Array",{flatMap:function(t){var e,n,r=i(this);return c(t),e=a(r.length),n=s(r,0),o(n,r,r,e,0,1,t,arguments[1]),n}}),n(40)("flatMap")},function(t,e,n){"use strict";var r=n(55),o=n(6),i=n(9),a=n(21),c=n(7)("isConcatSpreadable");t.exports=function t(e,n,s,u,l,d,f,h){for(var p,m,v=l,g=0,y=!!f&&a(f,h,3);g<u;){if(g in s){if(p=y?y(s[g],g,n):s[g],m=!1,o(p)&&(m=void 0!==(m=p[c])?!!m:r(p)),m&&d>0)v=t(e,n,p,i(p.length),v,d-1)-1;else{if(v>=9007199254740991)throw TypeError();e[v]=p}v++}g++}return v}},function(t,e,n){n(298),t.exports=n(10).String.padStart},function(t,e,n){"use strict";var r=n(1),o=n(140),i=n(61),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);r(r.P+r.F*a,"String",{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},function(t,e,n){n(300),t.exports=n(10).String.padEnd},function(t,e,n){"use strict";var r=n(1),o=n(140),i=n(61),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);r(r.P+r.F*a,"String",{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},function(t,e,n){n(302),t.exports=n(10).String.trimLeft},function(t,e,n){"use strict";n(43)("trimLeft",(function(t){return function(){return t(this,1)}}),"trimStart")},function(t,e,n){n(304),t.exports=n(10).String.trimRight},function(t,e,n){"use strict";n(43)("trimRight",(function(t){return function(){return t(this,2)}}),"trimEnd")},function(t,e,n){n(306),t.exports=n(66).f("asyncIterator")},function(t,e,n){n(112)("asyncIterator")},function(t,e,n){n(308),t.exports=n(10).Object.getOwnPropertyDescriptors},function(t,e,n){var r=n(1),o=n(139),i=n(19),a=n(24),c=n(82);r(r.S,"Object",{getOwnPropertyDescriptors:function(t){for(var e,n,r=i(t),s=a.f,u=o(r),l={},d=0;u.length>d;)void 0!==(n=s(r,e=u[d++]))&&c(l,e,n);return l}})},function(t,e,n){n(310),t.exports=n(10).Object.values},function(t,e,n){var r=n(1),o=n(141)(!1);r(r.S,"Object",{values:function(t){return o(t)}})},function(t,e,n){n(312),t.exports=n(10).Object.entries},function(t,e,n){var r=n(1),o=n(141)(!0);r(r.S,"Object",{entries:function(t){return o(t)}})},function(t,e,n){"use strict";n(133),n(314),t.exports=n(10).Promise.finally},function(t,e,n){"use strict";var r=n(1),o=n(10),i=n(3),a=n(51),c=n(135);r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,o.Promise||i.Promise),n="function"==typeof t;return this.then(n?function(n){return c(e,t()).then((function(){return n}))}:t,n?function(n){return c(e,t()).then((function(){throw n}))}:t)}})},function(t,e,n){n(316),n(317),n(318),t.exports=n(10)},function(t,e,n){var r=n(3),o=n(1),i=n(61),a=[].slice,c=/MSIE .\./.test(i),s=function(t){return function(e,n){var r=arguments.length>2,o=!!r&&a.call(arguments,2);return t(r?function(){("function"==typeof e?e:Function(e)).apply(this,o)}:e,n)}};o(o.G+o.B+o.F*c,{setTimeout:s(r.setTimeout),setInterval:s(r.setInterval)})},function(t,e,n){var r=n(1),o=n(88);r(r.G+r.B,{setImmediate:o.set,clearImmediate:o.clear})},function(t,e,n){for(var r=n(85),o=n(35),i=n(15),a=n(3),c=n(18),s=n(44),u=n(7),l=u("iterator"),d=u("toStringTag"),f=s.Array,h={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=o(h),m=0;m<p.length;m++){var v,g=p[m],y=h[g],b=a[g],_=b&&b.prototype;if(_&&(_[l]||c(_,l,f),_[d]||c(_,d,g),s[g]=f,y))for(v in r)_[v]||i(_,v,r[v],!0)}},function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",a=r.toStringTag||"@@toStringTag";function c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var o=e&&e.prototype instanceof d?e:d,i=Object.create(o.prototype),a=new x(r||[]);return i._invoke=function(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return j()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=_(a,n);if(c){if(c===l)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,a),i}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function d(){}function f(){}function h(){}var p={};p[o]=function(){return this};var m=Object.getPrototypeOf,v=m&&m(m(C([])));v&&v!==e&&n.call(v,o)&&(p=v);var g=h.prototype=d.prototype=Object.create(p);function y(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){var r;this._invoke=function(o,i){function a(){return new e((function(r,a){!function r(o,i,a,c){var s=u(t[o],t,i);if("throw"!==s.type){var l=s.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?e.resolve(d.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(d).then((function(t){l.value=t,a(l)}),(function(t){return r("throw",t,a,c)}))}c(s.arg)}(o,i,r,a)}))}return r=r?r.then(a,a):a()}}function _(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,_(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function O(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function w(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function x(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(O,this),this.reset(!0)}function C(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,i=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:j}}function j(){return{value:void 0,done:!0}}return f.prototype=g.constructor=h,h.constructor=f,f.displayName=c(h,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,c(t,a,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},y(b.prototype),b.prototype[i]=function(){return this},t.AsyncIterator=b,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new b(s(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},y(g),c(g,a,"Generator"),g[o]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=C,x.prototype={constructor:x,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(w),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(n,r){return a.type="throw",a.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),s=n.call(i,"finallyLoc");if(c&&s){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),w(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;w(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:C(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){n(321),t.exports=n(142).global},function(t,e,n){var r=n(322);r(r.G,{global:n(90)})},function(t,e,n){var r=n(90),o=n(142),i=n(323),a=n(325),c=n(332),s=function(t,e,n){var u,l,d,f=t&s.F,h=t&s.G,p=t&s.S,m=t&s.P,v=t&s.B,g=t&s.W,y=h?o:o[e]||(o[e]={}),b=y.prototype,_=h?r:p?r[e]:(r[e]||{}).prototype;for(u in h&&(n=e),n)(l=!f&&_&&void 0!==_[u])&&c(y,u)||(d=l?_[u]:n[u],y[u]=h&&"function"!=typeof _[u]?n[u]:v&&l?i(d,r):g&&_[u]==d?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(d):m&&"function"==typeof d?i(Function.call,d):d,m&&((y.virtual||(y.virtual={}))[u]=d,t&s.R&&b&&!b[u]&&a(b,u,d)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e,n){var r=n(324);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(326),o=n(331);t.exports=n(92)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(327),o=n(328),i=n(330),a=Object.defineProperty;e.f=n(92)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(91);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){t.exports=!n(92)&&!n(143)((function(){return 7!=Object.defineProperty(n(329)("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(91),o=n(90).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){var r=n(91);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null!=n){var r,o,i=[],a=!0,c=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){c=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(337);t.exports=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"storeElement",(function(){return we})),n.d(r,"removeElement",(function(){return xe})),n.d(r,"getComponentFromElement",(function(){return Ce})),n.d(r,"CGrid",(function(){return ge})),n.d(r,"CGridColumn",(function(){return Ge})),n.d(r,"CGridColumnGroup",(function(){return Be})),n.d(r,"CGridCheckColumn",(function(){return rn})),n.d(r,"CGridButtonColumn",(function(){return Je})),n.d(r,"CGridPercentCompleteBarColumn",(function(){return fn})),n.d(r,"CGridIconColumn",(function(){return _n})),n.d(r,"CGridInputColumn",(function(){return kn})),n.d(r,"CGridLinkColumn",(function(){return Mn})),n.d(r,"CGridMenuColumn",(function(){return zn})),n.d(r,"CGridRadioColumn",(function(){return Qn})),n.d(r,"CGridBranchGraphColumn",(function(){return cr})),n.d(r,"CGridLayoutRow",(function(){return vr})),n.d(r,"CGridHeader",(function(){return Cr})),n.d(r,"cheetahGrid",(function(){return g})),n.d(r,"default",(function(){return jr})),n.d(r,"install",(function(){return Sr}));var o=n(0),i=n(109);const a=Object(o.withScopeId)("data-v-2d565912");Object(o.pushScopeId)("data-v-2d565912");const c={class:"home"},s=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Welcome to Cheetah Grid"),Object(o.createVNode)("span",null,"Cheetah Grid is the fastest open-source data table for web.")],-1),u=Object(o.createVNode)("label",null,"Grid initial processing time : ",-1),l=Object(o.createTextVNode)(" / "),d=Object(o.createVNode)("label",null,"Number of records : ",-1),f=Object(o.createVNode)("br",null,null,-1),h={ref:"grid",class:"grid"};Object(o.popScopeId)();const p=a((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",c,[s,u,Object(o.createVNode)("strong",null,Object(o.toDisplayString)(i.time)+"ms",1),l,d,Object(o.createVNode)("strong",null,Object(o.toDisplayString)(t.numberDelimiter(i.count)),1),f,Object(o.createVNode)("div",h,null,512)])));var m,v,g=n(8),y=n.n(g),b=(m=["Sophia","Emma","Olivia","Isabella","Ava","Mia","Emily","Abigail","Madison","Elizabeth","Charlotte","Avery","Sofia","Chloe","Ella","Harper","Amelia","Aubrey","Addison","Evelyn","Natalie","Grace","Hannah","Zoey","Victoria","Lillian","Lily","Brooklyn","Samantha","Layla","Zoe","Audrey","Leah","Allison","Anna","Aaliyah","Savannah","Gabriella","Camila","Aria","Noah","Liam","Jacob","Mason","William","Ethan","Michael","Alexander","Jayden","Daniel","Elijah","Aiden","James","Benjamin","Matthew","Jackson","Logan","David","Anthony","Joseph","Joshua","Andrew","Lucas","Gabriel","Samuel","Christopher","John","Dylan","Isaac","Ryan","Nathan","Carter","Caleb","Luke","Christian","Hunter","Henry","Owen","Landon","Jack"],v=["Smith","Johnson","Williams","Brown","Jones","Miller","Davis","Garcia","Rodriguez","Wilson","Martinez","Anderson","Taylor","Thomas","Hernandez","Moore","Martin","Jackson","Thompson","White","Lopez","Lee","Gonzalez","Harris","Clark","Lewis","Robinson","Walker","Perez","Hall","Young","Allen","Sanchez","Wright","King","Scott","Green","Baker","Adams","Nelson","Hill","Ramirez","Campbell","Mitchell","Roberts","Carter","Phillips","Evans","Turner","Torres","Parker","Collins","Edwards","Stewart","Flores","Morris","Nguyen","Murphy","Rivera","Cook","Rogers","Morgan","Peterson","Cooper","Reed","Bailey","Bell","Gomez","Kelly","Howard","Ward","Cox","Diaz","Richardson","Wood","Watson","Brooks","Bennett","Gray","James","Reyes","Cruz","Hughes","Price","Myers","Long","Foster","Sanders","Ross","Morales","Powell","Sullivan","Russell","Ortiz","Jenkins","Gutierrez","Perry","Butler","Barnes","Fisher"],function(t){var e=m[Math.floor(Math.random()*m.length)],n=v[Math.floor(Math.random()*v.length)],r=new Date(Date.now()-63072e7-Math.floor(15*Math.random()*31536e6));return r=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),{personid:t+1,fname:e,lname:n,email:"".concat(e.replace("-","_"),"_").concat(n.replace("-","_"),"@example.com").toLowerCase(),birthday:r,stars:Math.floor(5*Math.random())+1,progress:Math.min(Math.floor(120*Math.random()),100)}});function _(t){for(var e=new Array(t),n=0;n<100;n++)e[n]=b(n);return new y.a.data.CachedDataSource({get:function(t){return e[t]?e[t]:e[t]=b(t)},length:t})}var O={name:"Welcome",data:function(){return{time:"",count:""}},mounted:function(){var t,e,n,r,o,i;this.grid&&(this.grid.dispose(),this.grid=null),this.grid=(t=this.$refs.grid,e=this,n=_(1e6),r=new Date,o=new y.a.ListGrid({parentElement:t,allowRangePaste:!0,header:[{field:"check",caption:"",width:50,columnType:"check",action:"check"},{field:"personid",caption:"ID",width:85},{field:"stars",caption:"Class",width:150,columnType:new y.a.columns.type.IconColumn({name:"star"}),style:{color:"gold"},action:new y.a.columns.action.InlineMenuEditor({options:[{value:1,classList:"stars",html:'<i class="material-icons">star</i>'},{value:2,classList:"stars",html:'<i class="material-icons">star</i>'.repeat(2)},{value:3,classList:"stars",html:'<i class="material-icons">star</i>'.repeat(3)},{value:4,classList:"stars",html:'<i class="material-icons">star</i>'.repeat(4)},{value:5,classList:"stars",html:'<i class="material-icons">star</i>'.repeat(5)}]})},{caption:"Name",columns:[{field:"fname",caption:"First Name",width:"20%",minWidth:150,action:new y.a.columns.action.SmallDialogInputEditor({classList:"helper-text--right-justified",helperText:function(t){return"".concat(t.length,"/20")},inputValidator:function(t){return t.length>20?"over the max length. ".concat(t.length):null}}),message:function(t){var e=t.fname;return e.length>20?"over the max length. ".concat(e.length):null}},{field:"lname",caption:"Last Name",width:"20%",minWidth:150,action:new y.a.columns.action.SmallDialogInputEditor({classList:"helper-text--right-justified",helperText:function(t){return"".concat(t.length,"/20")},inputValidator:function(t){return t.length>20?"over the max length. ".concat(t.length):null}}),message:function(t){var e=t.lname;return e.length>20?"over the max length. ".concat(e.length):null}}]},{field:"progress",caption:"Progress",width:"10%",minWidth:50,columnType:new y.a.columns.type.PercentCompleteBarColumn({formatter:function(t){return"".concat(t,"%")}}),style:{textAlign:"right",padding:[0,10,0,0]},action:new y.a.columns.action.SmallDialogInputEditor({type:"number",classList:["al-right"],inputValidator:function(t){return t>100?"over the max value. ".concat(t):t<0?"under the min value. ".concat(t):null}}),message:function(t){if(isNaN(t.progress))return"Not a number.";var e=t.progress-0;return e>100?"over the max value. ".concat(e):e<0?"under the min value. ".concat(e):null}},{field:"email",caption:"Email",width:"calc(50% - 505px - 20px)",minWidth:200,action:new y.a.columns.action.SmallDialogInputEditor({helperText:function(t){return"Email"},validator:function(t){return t.match(/^[-a-z0-9~!$%^&*_=+}{'?]+(\.[-a-z0-9~!$%^&*_=+}{'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)?null:"Please enter email addr."}}),message:function(t){return t.email.match(/^[-a-z0-9~!$%^&*_=+}{'?]+(\.[-a-z0-9~!$%^&*_=+}{'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)?null:"Please enter email addr."}},{field:{get:function(t){var e=t.birthday;return isNaN(e)?e:"".concat(e.getFullYear(),"/").concat(e.getMonth()+1,"/").concat(e.getDate())},set:function(t,e){var n=new Date(e);t.birthday=isNaN(n)?e:n}},caption:"Birthday",width:100,action:new y.a.columns.action.SmallDialogInputEditor({helperText:function(t){return"birthday"},validator:function(t){return isNaN(new Date(t))?"Please enter date.":null}}),message:function(t){var e=t.birthday;return isNaN(new Date(e))?"Please enter date.":null}},{caption:"",width:120,columnType:new y.a.columns.type.ButtonColumn({caption:"SHOW REC"}),action:new y.a.columns.action.ButtonAction({action:function(t){alert(JSON.stringify(t))}})}],frozenColCount:2,dataSource:n}),i=new Date,e.time=i-r,e.count=n.length,o)},unmounted:function(){this.grid&&(this.grid.dispose(),this.grid=null)}},w=n(2),x=n.n(w),C=n(93),j=n.n(C),S={insert:"head",singleton:!1};x()(j.a,S),j.a.locals;O.render=p,O.__scopeId="data-v-2d565912";var I=O;const k=Object(o.withScopeId)("data-v-135abbd6");Object(o.pushScopeId)("data-v-135abbd6");const E={class:"home"},N=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Branch Graph on the Grid!!"),Object(o.createVNode)("span",null,"Canvas-based Grid so you can draw branch graphs.")],-1),P=Object(o.createVNode)("br",null,null,-1),A={class:"grid"},G=Object(o.createTextVNode)(" Graph "),T=Object(o.createTextVNode)(" User "),F=Object(o.createTextVNode)(" Comment ");Object(o.popScopeId)();const M=k((t,e,n,r,i,a)=>{const c=Object(o.resolveComponent)("c-grid-branch-graph-column"),s=Object(o.resolveComponent)("c-grid-input-column"),u=Object(o.resolveComponent)("c-grid");return Object(o.openBlock)(),Object(o.createBlock)("div",E,[N,P,Object(o.createVNode)("div",A,[Object(o.createVNode)(u,{ref:"grid",data:i.data},{default:k(()=>[Object(o.createVNode)(c,{width:200,cache:"",field:"command"},{default:k(()=>[G]),_:1}),Object(o.createVNode)(s,{field:"user",width:"120"},{default:k(()=>[T]),_:1}),Object(o.createVNode)(s,{field:"comment",width:"calc(100% - 320px - 20px)","min-width":"200"},{default:k(()=>[F]),_:1})]),_:1},8,["data"])])])});var V=[{command:[{command:"commit",branch:"main"},{command:"tag",branch:"main",tag:"v1.1.0"}],comment:"release 1.1.0",user:"user1"},{command:[{command:"commit",branch:"develop2"}],comment:"Update A for B",user:"user2"},{command:[{command:"merge",branch:{from:"main",to:"develop2"}}],comment:"merge",user:"user2"},{command:[{command:"merge",branch:{from:"develop3",to:"main"}}],comment:"merge",user:"user1"},{command:[{command:"commit",branch:"develop2"}],comment:"Fix for A",user:"user2"},{command:[{command:"branch",branch:{from:"main",to:"develop3"}},{command:"commit",branch:"develop3"}],comment:"Fix A to B",user:"user3"},{command:[{command:"branch",branch:{from:"main",to:"develop2"}}],comment:"fork user2",user:"user2"},{command:[{command:"merge",branch:{from:"develop",to:"main"}}],comment:"merge",user:"user2"},{command:[{command:"commit",branch:"develop"}],comment:"Add A for B",user:"user2"},{command:[{command:"commit",branch:"main"},{command:"tag",branch:"main",tag:"v1.0.0"},{command:"branch",branch:{from:"main",to:"develop"}}],comment:"release 1.0.0",user:"user1"},{command:[{command:"branch",branch:"main"},{command:"commit",branch:"main"}],comment:"initial commit",user:"user1"}],$={name:"BranchGraph",data:function(){return{data:V}}};$.render=M,$.__scopeId="data-v-135abbd6";var R=$;const L=Object(o.withScopeId)("data-v-daff151c");Object(o.pushScopeId)("data-v-daff151c");const B={class:"home"},D=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Cheetah Grid is the ideal grid for enterprises")],-1),W=Object(o.createVNode)("span",null,"Display only error records",-1),U={class:"grid"},z=Object(o.createTextVNode)(" ID "),H=Object(o.createTextVNode)(" Class "),K=Object(o.createTextVNode)(" First Name "),q=Object(o.createTextVNode)(" Last Name "),J=Object(o.createTextVNode)(" Progress "),Y=Object(o.createTextVNode)(" Email "),X=Object(o.createTextVNode)(" Birthday ");Object(o.popScopeId)();const Z=L((t,e,n,r,i,a)=>{const c=Object(o.resolveComponent)("c-grid-column"),s=Object(o.resolveComponent)("c-grid-icon-column"),u=Object(o.resolveComponent)("c-grid-input-column"),l=Object(o.resolveComponent)("c-grid-column-group"),d=Object(o.resolveComponent)("c-grid-percent-complete-bar-column"),f=Object(o.resolveComponent)("c-grid-button-column"),h=Object(o.resolveComponent)("c-grid");return Object(o.openBlock)(),Object(o.createBlock)("div",B,[D,Object(o.withDirectives)(Object(o.createVNode)("input",{"onUpdate:modelValue":e[1]||(e[1]=t=>i.filterText=t),placeholder:"Filter keyword",class:"filter-input"},null,512),[[o.vModelText,i.filterText]]),Object(o.createVNode)("label",null,[Object(o.withDirectives)(Object(o.createVNode)("input",{"onUpdate:modelValue":e[2]||(e[2]=t=>i.filterErrorOnly=t),type:"checkbox",class:"filter-checkbox"},null,512),[[o.vModelCheckbox,i.filterErrorOnly]]),W]),Object(o.createVNode)("div",U,[Object(o.createVNode)(h,{ref:"grid",data:i.data,"frozen-col-count":1,filter:i.dataFilter,"allow-range-paste":"","move-cell-on-tab-key":"",onChangedValue:a.onChangedValue},{default:L(()=>[Object(o.createVNode)(c,{width:50,field:"check","column-type":"check",action:"check"}),Object(o.createVNode)(c,{field:"personid",width:"85"},{default:L(()=>[z]),_:1}),Object(o.createVNode)(s,{width:150,"column-style":{color:"gold",textOverflow:"ellipsis"},action:{actionName:"InlineMenuEditor",option:{options:[{value:"",caption:"Empty"},{value:1,classList:"stars",html:"<i class='material-icons'>star</i>"},{value:2,classList:"stars",html:"<i class='material-icons'>star</i>".repeat(2)},{value:3,classList:"stars",html:"<i class='material-icons'>star</i>".repeat(3)},{value:4,classList:"stars",html:"<i class='material-icons'>star</i>".repeat(4)},{value:5,classList:"stars",html:"<i class='material-icons'>star</i>".repeat(5)}]}},message:a.starsValidateMessage,"icon-name":"star",field:"stars"},{default:L(()=>[H]),_:1},8,["action","message"]),Object(o.createVNode)(l,{caption:"Name"},{default:L(()=>[Object(o.createVNode)(u,{"min-width":150,"helper-text":t=>t.length+"/20","input-validator":a.firstNameValidator,message:a.firstNameValidateMessage,"column-style":{textOverflow:"ellipsis"},"input-class-list":"helper-text--right-justified",field:"fname",width:"20%"},{default:L(()=>[K]),_:1},8,["helper-text","input-validator","message"]),Object(o.createVNode)(u,{"helper-text":t=>t.length+"/20","input-validator":a.lastNameValidator,message:a.lastNameValidateMessage,"column-style":{textOverflow:"ellipsis"},"input-class-list":"helper-text--right-justified",field:"lname",width:"20%","min-width":"150"},{default:L(()=>[q]),_:1},8,["helper-text","input-validator","message"])]),_:1}),Object(o.createVNode)(d,{formatter:t=>t?t+"%":"","column-style":{textAlign:"right",padding:[0,10,0,0],textOverflow:"ellipsis"},action:{actionName:"SmallDialogInputEditor",option:{type:"number",classList:["al-right"],inputValidator:t=>a.progressValidator(t)}},message:a.progressValidateMessage,field:"progress",width:"10%","min-width":"50"},{default:L(()=>[J]),_:1},8,["formatter","action","message"]),Object(o.createVNode)(u,{validator:a.emailValidator,message:a.emailValidateMessage,"column-style":{textOverflow:"ellipsis"},"helper-text":"Email",field:"email",width:"calc(50% - 505px - 20px)","min-width":"200"},{default:L(()=>[Y]),_:1},8,["validator","message"]),Object(o.createVNode)(u,{field:a.birthdayField,validator:a.birthdayValidator,message:a.birthdayValidateMessage,"column-style":{textOverflow:"ellipsis"},"helper-text":"birthday",width:"100",filter:e=>t.dateFormat(e,"yyyy/m/d")},{default:L(()=>[X]),_:1},8,["field","validator","message","filter"]),Object(o.createVNode)(f,{width:120,"column-style":{textOverflow:"ellipsis"},caption:"SHOW REC",onClick:a.clickRec},null,8,["onClick"])]),_:1},8,["data","filter","onChangedValue"])])])});var Q,tt,et=(Q=_(1e6),tt=new Array(Q.length),{get:function(t){return tt[t]?tt[t]:tt[t]=function(t){var e=Q.get(t);return Math.floor(10*Math.random())||(e.stars=""),Math.floor(10*Math.random())||(e.progress=""),Math.floor(10*Math.random())||(e.email=""),Math.floor(10*Math.random())||(e.birthday=""),e}(t)},length:Q.length}),nt=function(t){return t.stars?null:"Please select."},rt=function(t){return t.length>20?"over the max length. ".concat(t.length):null},ot=function(t){return t.fname?rt(t.fname):"Please enter First Name."},it=function(t){return t.length>20?"over the max length. ".concat(t.length):null},at=function(t){return t.lname?it(t.lname):"Please enter Last Name."},ct=function(t){return t>100?"over the max value. ".concat(t):t<0?"under the min value. ".concat(t):null},st=function(t){return isNaN(t.progress)?"Please enter number":t.progress>0?ct(t.progress):"Please enter progress."},ut=function(t){return t.match(/^[-a-z0-9~!$%^&*_=+}{'?]+(\.[-a-z0-9~!$%^&*_=+}{'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)?null:"Please enter email addr."},lt=function(t){var e=t.email;if(!e)return{type:"error",message:"Please enter Email address."};var n=ut(e);return n?{type:"error",message:n}:"".concat(t.fname.replace("-","_"),"_").concat(t.lname.replace("-","_"),"@example.com").toLowerCase()!==e?{type:"warning",message:"Email address is incorrect."}:null},dt=function(t){return isNaN(new Date(t))?"Please enter date.":null},ft=function(t){return t.birthday?dt(t.birthday):"Please enter birthday."},ht={name:"Enterprise",data:function(){return{data:et,filterText:"",filterErrorOnly:!1,dataFilter:void 0}},computed:{birthdayField:function(){return{get:function(t){return t.birthday},set:function(t,e){var n=new Date(e);t.birthday=isNaN(n)?e:n}}}},watch:{filterText:function(t){this.onChangeFilter(t,this.filterErrorOnly)},filterErrorOnly:function(t){this.onChangeFilter(this.filterText,t)}},methods:{onChangeFilter:function(t,e){if(t||e){var n=t.toLowerCase().split(/\s/g).filter((function(t){return!!t}));this.dataFilter=function(t){var r="".concat(t.personid,"\n").concat(t.fname,"\n").concat(t.lname,"\n").concat(t.email).toLowerCase();return!!n.every((function(t){return r.includes(t)}))&&(!e||[nt,ot,at,st,lt,ft].some((function(e){return!!e(t)})))}}else this.dataFilter=void 0},clickRec:function(t){alert(JSON.stringify(t))},onChangedValue:function(){this.$refs.grid.invalidate()},starsValidateMessage:nt,firstNameValidator:rt,firstNameValidateMessage:ot,lastNameValidator:it,lastNameValidateMessage:at,progressValidator:ct,progressValidateMessage:st,emailValidator:ut,emailValidateMessage:lt,birthdayValidator:dt,birthdayValidateMessage:ft}},pt=n(94),mt=n.n(pt),vt={insert:"head",singleton:!1};x()(mt.a,vt),mt.a.locals;ht.render=Z,ht.__scopeId="data-v-daff151c";var gt=ht;const yt=Object(o.withScopeId)("data-v-4929453a");Object(o.pushScopeId)("data-v-4929453a");const bt={class:"home"},_t=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Cheetah is the fastest animal on land")],-1),Ot=Object(o.createVNode)("br",null,null,-1),wt={class:"grid"},xt=Object(o.createTextVNode)(" No "),Ct=Object(o.createTextVNode)(" Name "),jt=Object(o.createTextVNode)(" Habitat "),St=Object(o.createTextVNode)(" Speed "),It=Object(o.createTextVNode)(" Length "),kt=Object(o.createTextVNode)(" Weight "),Et=Object(o.createTextVNode)(" Button ");Object(o.popScopeId)();const Nt=yt((t,e,n,r,i,a)=>{const c=Object(o.resolveComponent)("c-grid-column"),s=Object(o.resolveComponent)("c-grid-percent-complete-bar-column"),u=Object(o.resolveComponent)("c-grid-button-column"),l=Object(o.resolveComponent)("c-grid");return Object(o.openBlock)(),Object(o.createBlock)("div",bt,[_t,Ot,Object(o.createVNode)("div",wt,[Object(o.createVNode)(l,{data:i.data,"frozen-col-count":2},{default:yt(()=>[Object(o.createVNode)(c,{width:60,field:"check","column-type":"check",action:"check"}),Object(o.createVNode)(c,{"column-style":{textAlign:"center"},sort:!0,width:70,field:"no"},{default:yt(()=>[xt]),_:1}),Object(o.createVNode)(c,{width:300,sort:!0,icon:{src:"icon",width:26},field:"name","column-style":t=>1===t.no?{indicatorTopLeft:{style:"triangle",color:"#ff9933"}}:void 0},{default:yt(()=>[Ct]),_:1},8,["column-style"]),Object(o.createVNode)(c,{width:300,icon:{src:"habitat",width:26},field:"area"},{default:yt(()=>[jt]),_:1}),Object(o.createVNode)(s,{sort:!0,min:0,max:120,formatter:t=>"","column-style":{barHeight:25},field:"speed",width:"400"},{default:yt(()=>[St]),_:1}),Object(o.createVNode)(s,{sort:!0,"column-style":{barHeight:5,barColor:"#F48FB1"},formatter:t=>t+"cm",min:0,max:5500,field:"length",width:"200"},{default:yt(()=>[It]),_:1},8,["formatter"]),Object(o.createVNode)(s,{sort:!0,formatter:t=>t+"kg","column-style":{barHeight:5,barColor:"#7986CB"},min:0,max:5400,field:"weight",width:"200"},{default:yt(()=>[kt]),_:1},8,["formatter"]),Object(o.createVNode)(u,{width:150,caption:"DETAIL",onClick:a.clickRec},{default:yt(()=>[Et]),_:1},8,["onClick"])]),_:1},8,["data"])])])});var Pt=n(144),At=n.n(Pt);function Gt(t){return null!=t}const Tt=t=>t&&"function"==typeof t.then;function Ft(t){return t===Object(t)}function Mt(t,e){if(!Gt(t))return;if(Tt(t))return t.then(t=>Mt(t,e));if(e in t)return t[e];if("function"==typeof e)return e(t);const n=(""+e).split(".");return n.length<=1?t[e]:function(t,e,...n){let r=t;for(let t=0;t<n.length&&Gt(r);t++)r=e(r,n[t]);return r}(t,(t,e)=>Mt(t,e),...n)}function Vt(t,e){return Tt(t)?t.then(e):e(t)}function $t(t){return t&&"string"!=typeof t&&("function"==typeof t&&(t=t()),"string"==typeof t.typeName&&(t=new g.columns.type[t.typeName](t.option))),t}function Rt(t){return t&&"string"!=typeof t&&("function"==typeof t?t=new g.columns.action.Action({action:t}):"string"==typeof t.actionName&&(t=new g.columns.action[t.actionName](t.option))),t}const Lt={handler(){this.$_CGrid_nextTickUpdate()},deep:!0};function Bt(...t){const e={};return t.forEach(t=>{for(const n in t)e[n]=t[n]}),e}function Dt(t){return function(){const e=`$_CGridColumn_${t}Proxy`,n=this[t];return"function"==typeof n?this[e]:n}}function Wt(t){return function(...e){const n=this[t];return"function"==typeof n?n(...e):void 0}}function Ut(t,e="defaultSlotContainer"){const n=t.$refs[e].children;return n[0]?n:null}const{EVENT_TYPE:zt}=g.ListGrid,Ht=Object.keys(zt).map(t=>zt[t].replace(/_/g,"-").toLowerCase()).reduce((t,e)=>(t[e]=null,t),{});function Kt(t){("undefined"!=typeof __VUE_OPTIONS_API__&&__VUE_OPTIONS_API__||"undefined"!=typeof Vue&&(""+Vue.version).startsWith("3"))&&(delete t.beforeDestroy,delete t.destroyed)}const qt=Object(o.withScopeId)("data-v-931072d2");Object(o.pushScopeId)("data-v-931072d2");const Jt={class:"c-grid"},Yt={class:"define"},Xt={ref:"defaultSlotContainer"},Zt={ref:"layoutHeaderSlotContainer"},Qt={ref:"layoutBodySlotContainer"};Object(o.popScopeId)();const te=qt((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Jt,[Object(o.createVNode)("div",Yt,[Object(o.createVNode)("div",Xt,[Object(o.createCommentVNode)("\n Use this slot to set the simple header definition.\n The definition is set to `header` property described in [Define Headers and Columns]\n "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)],512),Object(o.createVNode)("div",Zt,[Object(o.createCommentVNode)("\n Use this slot to set the layout header definition.\n Use this slot in combination with the `layout-body` slot.\n The definition is set to `layout.header` property described in [Advanced Layout].\n "),Object(o.renderSlot)(t.$slots,"layout-header",{},void 0,!0)],512),Object(o.createVNode)("div",Qt,[Object(o.createCommentVNode)("\n Use this slot to set the layout body definition.\n Use this slot in combination with the `layout-header` slot.\n The definition is set to `layout.body` property described in [Advanced Layout].\n "),Object(o.renderSlot)(t.$slots,"layout-body",{},void 0,!0)],512)])])));function ee(t,e){return re(t,e).map(t=>t.createColumn()).filter(t=>t)}function ne(t,e){return re(t,e).map(t=>t.getPropsObjectInternal()).filter(t=>t)}function re(t,e){const n="string"==typeof e?Ut(t,e):e;return n?function t(e,n,r){const o=[];r||(r=new Map,e.$_CGrid_defineColumns.forEach(t=>{r.set(t.$el,t)}));for(let i=0;i<n.length;i++){const a=n[i];if(!a)continue;const c=r.get(a);if(c&&"function"==typeof c.createColumn)o.push(c);else{const{children:n}=a;o.push(...t(e,n,r))}}return o}(t,n):[]}const oe={function:!0,string:!0,number:!0,boolean:!0,undefined:!0,bigint:!0,symbol:!0};function ie(t){const e=Object.keys(t);if(!Array.isArray(t)&&Object.getOwnPropertySymbols){Object.getOwnPropertySymbols(t).forEach(n=>{Object.prototype.propertyIsEnumerable.call(t,n)&&e.push(n)})}return e}function ae(t,e){if(t===e)return!0;if(typeof t!=typeof e||null==t||null==e||t.constructor!==e.constructor)return!1;if(oe[typeof t])return!1;const n=ie(t),r=ie(e);if(n.length!==r.length)return!1;for(let o=0;o<n.length;o++){const i=n[o],a=r[o];if(i!==a&&(-1===r.indexOf(i)||-1===n.indexOf(a)))return!1;if(!ae(t[i],e[i]))return!1}return!0}function ce(t,e,n,r){const o=e.dataSource&&e.dataSource.dataSource,i=new Set(t._dataSources||[]),a=t._dataSources=[];let c;if(Array.isArray(n)){if(!r)return e.records=n,void i.forEach(t=>t.dispose());o&&o.source===n?(o.length=n.length,c=o,i.delete(c)):(c=g.data.CachedDataSource.ofArray(n),a.push(c))}else n instanceof g.data.DataSource?c=n:o&&o.source===n?(o.length=n.length,c=o,i.delete(c)):(c=new g.data.CachedDataSource(n),a.push(c));r&&(c instanceof g.data.FilterDataSource?c.filter=r:(c=new g.data.FilterDataSource(c,r),a.push(c))),e.dataSource=c,i.forEach(t=>t.dispose())}function se(t){const e={};return Ut(t,"layoutBodySlotContainer")?Ut(t,"layoutHeaderSlotContainer")?e.layout={header:ne(t,"layoutHeaderSlotContainer"),body:ne(t,"layoutBodySlotContainer")}:e.layout={header:ne(t,"layoutBodySlotContainer"),body:ne(t,"layoutBodySlotContainer")}:e.header=ne(t,"defaultSlotContainer"),Bt({frozenColCount:t.frozenColCount-0,theme:t.theme||null},e,t.options)}function ue(t){const e={};return Ut(t,"layoutBodySlotContainer")?Ut(t,"layoutHeaderSlotContainer")?e.layout={header:ee(t,"layoutHeaderSlotContainer"),body:ee(t,"layoutBodySlotContainer")}:e.layout={header:ee(t,"layoutBodySlotContainer"),body:ee(t,"layoutBodySlotContainer")}:e.header=ee(t,"defaultSlotContainer"),Bt({frozenColCount:t.frozenColCount-0,theme:t.theme||null,headerRowHeight:t.headerRowHeight,allowRangePaste:t.allowRangePaste,trimOnPaste:t.trimOnPaste,defaultRowHeight:t.defaultRowHeight,defaultColWidth:t.defaultColWidth,font:t.font,underlayBackgroundColor:t.underlayBackgroundColor,keyboardOptions:{moveCellOnTab:t.moveCellOnTabKey,moveCellOnEnter:t.moveCellOnEnterKey,deleteCellValueOnDel:t.deleteCellValueOnDelKey,selectAllOnCtrlA:t.selectAllOnCtrlAKey},disableColumnResize:t.disableColumnResize},e,t.options)}function le(t){t._beforeGridProps=se(t);const e=ue(t);e.parentElement=t.$el;const n=t.rawGrid=new g.ListGrid(e);t.disabled&&(n.disabled=!0),t.readonly&&(n.readOnly=!0),ce(t,n,t.data,t.filter),function(t,e){const{EVENT_TYPE:n}=g.ListGrid;e.listen(n.CHANGED_HEADER_VALUE,(...n)=>{t.headerValues=e.headerValues});for(const r in n){const o=n[r],i=o.replace(/_/g,"-").toLowerCase();e.listen(o,(...r)=>{const a=[];t.$_CGrid_emit(i,...r,t=>{a.push(t)});const[c]=r,s=c&&null!=c.col&&"number"==typeof c.col?c.col:null,u=c&&null!=c.row&&"number"==typeof c.row?c.row:null;if(null!=s&&null!=u&&e.colCount>s){const t=e.frozenRowCount>u?e.getHeaderDefine(s,u):e.getColumnDefine(s,u);t&&t.vm&&t.vm.$emit(i,...r,t=>{a.push(t)})}if(o===n.REJECTED_PASTE_VALUES){const t=new Map;for(const n of c.detail||[]){const r=e.getColumnDefine(n.col,n.row);if(r&&r.vm){let e=t.get(r.vm);e||(e=[],t.set(r.vm,e)),e.push(n)}}for(const[e,n]of t)e.$emit(i,{...c,detail:n},t=>{a.push(t)})}return a[0]})}}(t,n)}let de=0;var fe={name:"CGrid",get mixins(){Kt(this)},provide(){return{$_CGridInstance:this}},props:{data:{type:[Array,Object],default:void 0},frozenColCount:{type:[Number,String],default:0},headerRowHeight:{type:[Number,Array],default:void 0},allowRangePaste:{type:Boolean},trimOnPaste:{type:Boolean},defaultRowHeight:{type:Number,default:void 0},defaultColWidth:{type:Number,default:void 0},filter:{type:[Function],default:void 0},font:{type:String,default:void 0},underlayBackgroundColor:{type:String,default:void 0},theme:{type:[Object,String],default:void 0},moveCellOnTabKey:{type:[Boolean,Function],default:!1},moveCellOnEnterKey:{type:[Boolean,Function],default:!1},deleteCellValueOnDelKey:{type:Boolean},selectAllOnCtrlAKey:{type:Boolean},disableColumnResize:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},options:{type:Object,default:void 0}},emits:{"click-cell":null,"dblclick-cell":null,"selected-cell":null,"paste-cell":null,"changed-value":null,"changed-header-value":null,...Ht},data:()=>({headerValues:new Map}),computed:{dataLengthForWatch(){return this.data&&this.data.length||0}},watch:{data(t){this.rawGrid&&ce(this,this.rawGrid,t,this.filter)},dataLengthForWatch(){this.rawGrid&&ce(this,this.rawGrid,this.data,this.filter)},filter(t){this.rawGrid&&ce(this,this.rawGrid,this.data,t)},frozenColCount(t){this.rawGrid&&(this.rawGrid.frozenColCount=t)},options:Lt,headerValues:{handler(t){this.rawGrid.headerValues=t},deep:!0},disabled(t){this.rawGrid&&(this.rawGrid.disabled=t)},readonly(t){this.rawGrid&&(this.rawGrid.readOnly=t)},moveCellOnTabKey(t){this.$_CGrid_updateKeyboardOptions({moveCellOnTab:t})},moveCellOnEnterKey(t){this.$_CGrid_updateKeyboardOptions({moveCellOnEnter:t})},deleteCellValueOnDelKey(t){this.$_CGrid_updateKeyboardOptions({deleteCellValueOnDel:t})},selectAllOnCtrlAKey(t){this.$_CGrid_updateKeyboardOptions({selectAllOnCtrlA:t})}},created(){this.$_CGrid_defineColumns=[]},mounted(){this.$_CGrid_cancelNextTickUpdate(),this.rawGrid&&(this.rawGrid.dispose(),this.rawGrid=null),le(this)},unmounted(){he(this)},destroyed(){he(this)},updated(){this.$_CGrid_nextTickUpdate()},methods:{invalidate(){this.rawGrid&&(this.$_CGrid_ifDelayingForceUpdate(),this.rawGrid.invalidate())},updateSize(){this.rawGrid&&(this.$_CGrid_ifDelayingForceUpdate(),this.rawGrid.updateSize())},updateScroll(){this.rawGrid&&(this.$_CGrid_ifDelayingForceUpdate(),this.rawGrid.updateScroll())},$_CGrid_nextTickInvalidate(){const t=++de;this._nextTickInvalidateId=t,this.$nextTick(()=>{this._nextTickInvalidateId===t&&this.invalidate()})},$_CGrid_nextTickUpdate(){const t=++de;this._nextTickUpdateId=t,this.$nextTick(()=>{this._nextTickUpdateId===t&&this.$_CGrid_update()})},$_CGrid_cancelNextTickUpdate(){this._nextTickUpdateId=void 0},$_CGrid_ifDelayingForceUpdate(){this._nextTickUpdateId&&this.$_CGrid_update()},$_CGrid_update(){if(this.$_CGrid_cancelNextTickUpdate(),this.rawGrid){const t=se(this);if(ae(this._beforeGridProps,t))return;const e=Bt({},t),n=Bt({},this._beforeGridProps);if(delete n.header,delete e.header,delete n.layout,delete e.layout,delete n.frozenColCount,delete e.frozenColCount,delete n.theme,delete e.theme,delete n.allowRangePaste,delete e.allowRangePaste,delete n.trimOnPaste,delete e.trimOnPaste,delete n.defaultRowHeight,delete e.defaultRowHeight,delete n.defaultColWidth,delete e.defaultColWidth,delete n.underlayBackgroundColor,delete e.underlayBackgroundColor,delete n.font,delete e.font,ae(n,e)){const e=ue(this),{header:n,layout:r,frozenColCount:o,theme:i,allowRangePaste:a,trimOnPaste:c,defaultRowHeight:s,defaultColWidth:u,font:l,underlayBackgroundColor:d}=e;return ae(this._beforeGridProps.header,t.header)||(this.rawGrid.header=n),ae(this._beforeGridProps.layout,t.layout)||(this.rawGrid.layout=r),this.rawGrid.frozenColCount=o,this.rawGrid.theme=i,this.rawGrid.allowRangePaste=!!a,this.rawGrid.trimOnPaste=!!c,null!=s&&(this.rawGrid.defaultRowHeight=s),null!=u&&(this.rawGrid.defaultColWidth=u),this.rawGrid.font=l,this.rawGrid.underlayBackgroundColor=d,this.rawGrid.invalidate(),void(this._beforeGridProps=Bt({},t))}this.rawGrid.dispose(),le(this)}},$_CGrid_emit(t,...e){switch(t){case"click-cell":this.$emit("click-cell",...e);break;case"dblclick-cell":this.$emit("dblclick-cell",...e);break;case"selected-cell":this.$emit("selected-cell",...e);break;case"paste-cell":this.$emit("paste-cell",...e);break;case"changed-value":this.$emit("changed-value",...e);break;case"changed-header-value":this.$emit("changed-header-value",...e);break;default:this.$emit(t,...e)}},$_CGrid_setColumnDefine(t){this.$_CGrid_defineColumns.indexOf(t)>=0||this.$_CGrid_defineColumns.push(t)},$_CGrid_removeColumnDefine(t){const e=this.$_CGrid_defineColumns.indexOf(t);e<0||this.$_CGrid_defineColumns.splice(e,1)},$_CGrid_updateKeyboardOptions(t){this.rawGrid&&(this.rawGrid.keyboardOptions?this.rawGrid.keyboardOptions=Object.assign({},this.rawGrid.keyboardOptions,t):this.rawGrid.keyboardOptions=t)}}};function he(t){t.$_CGrid_cancelNextTickUpdate(),t.rawGrid&&(t.rawGrid.dispose(),t.rawGrid=null),t._dataSources&&t._dataSources.forEach(t=>t.dispose()),t.$_CGrid_defineColumns=[]}var pe=n(95),me=n.n(pe),ve={insert:"head",singleton:!1};x()(me.a,ve),me.a.locals;fe.render=te,fe.__scopeId="data-v-931072d2";var ge=fe;const ye=Object(o.withScopeId)("data-v-3b1ad4b6");Object(o.pushScopeId)("data-v-3b1ad4b6");const be={class:"c-grid-column"};Object(o.popScopeId)();const _e=ye((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",be,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)]))),Oe=new WeakMap;function we(t){Oe.set(t.$el,t)}function xe(t){Oe.delete(t.$el)}function Ce(t){return Oe.get(t)}function je(t){xe(t),t.$_CGridInstance.$_CGrid_removeColumnDefine(t)}var Se={get mixins(){Kt(this)},inject:["$_CGridInstance"],props:{caption:{type:[String,Function],default:""},sort:{type:[Boolean,String,Function],default:void 0},headerStyle:{type:[Object,String,Function],default:void 0},headerField:{type:[String],default:void 0},headerIcon:{type:[Object,String],default:void 0},headerType:{type:[Object,String,Function],default:void 0},headerAction:{type:[Object,String,Function],default:void 0}},emits:{...Ht},computed:{resolvedCaption(){const{caption:t}=this;return"function"==typeof t?this.$_CGridColumn_captionProxy:t||this.$_CGridColumn_getTextContent},resolvedSort:Dt("sort"),resolvedHeaderStyle:Dt("headerStyle"),resolvedHeaderType:Dt("headerType"),resolvedHeaderAction:Dt("headerAction")},watch:{resolvedCaption:Lt,resolvedSort:Lt,resolvedHeaderStyle:Lt,headerField:Lt,resolvedHeaderType:Lt,resolvedHeaderAction:Lt},mounted(){we(this),this.$_CGridInstance.$_CGrid_setColumnDefine(this),this.$_CGrid_nextTickUpdate()},updated(){this.$_CGrid_nextTickUpdate()},beforeUnmount(){je(this)},beforeDestroy(){je(this)},methods:{invalidate(){this.$_CGridInstance&&this.$_CGridInstance.invalidate&&this.$_CGridInstance.invalidate()},nextTickInvalidate(){this.$_CGridInstance&&this.$_CGridInstance.invalidate&&this.$_CGridInstance.$_CGrid_nextTickInvalidate()},getPropsObjectInternal(){return{caption:this.resolvedCaption,headerStyle:this.resolvedHeaderStyle,headerField:this.headerField,headerIcon:this.headerIcon,headerType:this.resolvedHeaderType,headerAction:this.resolvedHeaderAction,sort:this.resolvedSort}},createColumn(){return{vm:this,caption:this.resolvedCaption,headerStyle:this.resolvedHeaderStyle,headerField:this.headerField,headerIcon:this.headerIcon,headerType:this.resolvedHeaderType,headerAction:this.resolvedHeaderAction,sort:this.resolvedSort}},$_CGrid_update(){this.$_CGridInstance&&this.$_CGridInstance.$_CGrid_update&&this.$_CGridInstance.$_CGrid_update()},$_CGrid_nextTickUpdate(){this.$_CGridInstance&&this.$_CGridInstance.$_CGrid_nextTickUpdate&&this.$_CGridInstance.$_CGrid_nextTickUpdate()},$_CGridColumn_captionProxy:Wt("caption"),$_CGridColumn_getTextContent(){return this.$el.textContent.trim()},$_CGridColumn_sortProxy:Wt("sort"),$_CGridColumn_headerStyleProxy:Wt("headerStyle"),$_CGridColumn_headerTypeProxy:Wt("headerType"),$_CGridColumn_headerActionProxy:Wt("headerAction")}},Ie={mixins:[Se],inject:["$_CGridInstance"],props:{colspan:{type:[Number,String],default:void 0},rowspan:{type:[Number,String],default:void 0}},watch:{colspan:Lt,rowspan:Lt},methods:{getPropsObjectInternal(){return Bt(Se.methods.getPropsObjectInternal.apply(this),{colSpan:this.colspan,rowSpan:this.rowspan})},createColumn(){return Bt(Se.methods.createColumn.apply(this),{colSpan:this.colspan,rowSpan:this.rowspan})}}},ke={props:{field:{type:[Object,String,Function],default:void 0},filter:{type:[String,Function],default:void 0},width:{type:[Number,String],default:void 0},minWidth:{type:[Number,String],default:void 0},maxWidth:{type:[Number,String],default:void 0},columnStyle:{type:[Object,String,Function],default:void 0},icon:{type:[Object,String,Function],default:void 0},message:{type:[Object,String,Function],default:void 0}},data:()=>({pluginMessageFunctions:[]}),computed:{resolvedField0(){const{field:t}=this;return"function"==typeof t?this.$_CGridColumn_fieldProxy:Ft(t)?{get:t.get&&this.$_CGridColumn_objectFieldGetProxy,set:t.set&&this.$_CGridColumn_objectFieldSetProxy}:t},resolvedField(){return this.resolvedFilter?function t(e,n,r){if(Ft(n)&&n.get&&n.set)return{get:t(e,n.get,r),set:n.set};if("function"==typeof r)return t=>Vt(Mt(t,n),r);const o=e.constructor;if(!(o&&o.filter))return t=>Vt(Mt(t,n),r);const i=(r=r.trim()).indexOf("(");if(i<0)return t=>Vt(Mt(t,n),o.filter(r));{const t=r.slice(0,i),a=r.slice(i+1,r.length-1),c=Function(`with(this){return [${a}]}`).call(e.$vnode.context);return e=>Vt(Mt(e,n),e=>o.filter(t)(e,...c))}}(this,this.resolvedField0,this.resolvedFilter):this.resolvedField0},resolvedFilter:Dt("filter"),resolvedColumnStyle:Dt("columnStyle"),resolvedIcon:Dt("icon"),resolvedMessage:Dt("message"),compositedMessages(){const{resolvedMessage:t}=this,e=this.$_CGridColumn_getPluginMessageFunctions(),n=[];return t&&n.push(t),n.push(...e),n}},watch:{resolvedField:Lt,width:Lt,minWidth:Lt,maxWidth:Lt,resolvedColumnStyle:Lt,resolvedIcon:Lt,resolvedMessage:Lt,compositedMessages:Lt},methods:{getPropsObjectInternal(){return{field:this.resolvedField0,filter:this.resolvedFilter,width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth,style:this.resolvedColumnStyle,icon:this.resolvedIcon,message:this.compositedMessages}},createColumn(){return{field:this.resolvedField,width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth,style:this.resolvedColumnStyle,icon:this.resolvedIcon,message:this.compositedMessages}},$_CGridColumn_fieldProxy:Wt("field"),$_CGridColumn_filterProxy:Wt("filter"),$_CGridColumn_columnStyleProxy:Wt("columnStyle"),$_CGridColumn_iconProxy:Wt("icon"),$_CGridColumn_messageProxy:Wt("message"),$_CGridColumn_objectFieldGetProxy(...t){return this.field.get(...t)},$_CGridColumn_objectFieldSetProxy(...t){return this.field.set(...t)},$_CGridColumn_getPluginMessageFunctions(){this.cachedPluginMessageFunctions||(this.cachedPluginMessageFunctions=[]),this.cachedPluginMessageFunctions.length=this.pluginMessageFunctions.length;for(let t=0;t<this.pluginMessageFunctions.length;t++)if(!this.cachedPluginMessageFunctions[t]){const e=t;this.cachedPluginMessageFunctions[e]=(...t)=>this.pluginMessageFunctions[e](...t)}return this.cachedPluginMessageFunctions}}},Ee={name:"CGridColumn",mixins:[Ie,ke],props:{columnType:{type:[Object,String,Function],default:void 0},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedAction:Dt("action")},watch:{columnType:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{columnType:this.columnType,action:this.resolvedAction})},createColumn(){const t=$t(this.columnType),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_actionProxy:Wt("action")}},Ne=n(96),Pe=n.n(Ne),Ae={insert:"head",singleton:!1};x()(Pe.a,Ae),Pe.a.locals;Ee.render=_e,Ee.__scopeId="data-v-3b1ad4b6";var Ge=Ee;const Te=Object(o.withScopeId)("data-v-f93e9aa2");Object(o.pushScopeId)("data-v-f93e9aa2");const Fe={ref:"defaultSlotContainer",class:"c-grid-column-group"};Object(o.popScopeId)();const Me=Te((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Fe,[Object(o.createCommentVNode)(" Use this slot to set the children columns definition "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)],512)));var Ve={name:"CGridColumnGroup",mixins:[Se],props:{},methods:{getPropsObjectInternal(){const t=Se.methods.getPropsObjectInternal.apply(this);return t.columns=ne(this.$_CGridInstance,Ut(this)),t},createColumn(){return Bt(Se.methods.createColumn.apply(this),{columns:ee(this.$_CGridInstance,Ut(this))})}}},$e=n(97),Re=n.n($e),Le={insert:"head",singleton:!1};x()(Re.a,Le),Re.a.locals;Ve.render=Me,Ve.__scopeId="data-v-f93e9aa2";var Be=Ve;const De=Object(o.withScopeId)("data-v-1df77f7e");Object(o.pushScopeId)("data-v-1df77f7e");const We={class:"c-grid-button-column"};Object(o.popScopeId)();const Ue=De((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",We,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var ze={name:"CGridButtonColumn",mixins:[Ie,ke],props:{caption:{type:[String],default:""},disabled:{type:[Boolean,Function],default:!1}},emits:{click:null},watch:{disabled(t){this._action&&(this._action.disabled=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{caption:this.caption})},createColumn(){const t=this._action=new g.columns.action.ButtonAction({action:(...t)=>{this.$emit("click",...t)},disabled:this.disabled});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{caption:this.$_CGridColumn_getTextContent,columnType:new g.columns.type.ButtonColumn({caption:this.caption}),action:t})}}},He=n(98),Ke=n.n(He),qe={insert:"head",singleton:!1};x()(Ke.a,qe),Ke.a.locals;ze.render=Ue,ze.__scopeId="data-v-1df77f7e";var Je=ze;const Ye=Object(o.withScopeId)("data-v-654a106a");Object(o.pushScopeId)("data-v-654a106a");const Xe={class:"c-grid-check-column"};Object(o.popScopeId)();const Ze=Ye((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Xe,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Qe={name:"CGridCheckColumn",mixins:[Ie,ke],props:{disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1}},watch:{disabled(t){this._action&&(this._action.disabled=t)},readonly(t){this._action&&(this._action.readOnly=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this))},createColumn(){const t=this._action=new g.columns.action.CheckEditor({disabled:this.disabled,readOnly:this.readonly});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:"check",action:t})}}},tn=n(99),en=n.n(tn),nn={insert:"head",singleton:!1};x()(en.a,nn),en.a.locals;Qe.render=Ze,Qe.__scopeId="data-v-654a106a";var rn=Qe;const on=Object(o.withScopeId)("data-v-479206a0");Object(o.pushScopeId)("data-v-479206a0");const an={class:"c-grid-percent-complete-bar-column"};Object(o.popScopeId)();const cn=on((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",an,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var sn={name:"CGridPercentCompleteBarColumn",mixins:[Ie,ke],props:{formatter:{type:[Function],default:void 0},min:{type:[Number,String],default:void 0},max:{type:[Number,String],default:void 0},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedFormatter:Dt("formatter"),resolvedAction:Dt("action")},watch:{resolvedFormatter:Lt,min:Lt,max:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{min:this.min,max:this.max,formatter:this.resolvedFormatter,action:this.resolvedAction})},createColumn(){const t=new g.columns.type.PercentCompleteBarColumn({min:this.min,max:this.max,formatter:this.resolvedFormatter}),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_formatterProxy:Wt("formatter"),$_CGridColumn_actionProxy:Wt("action")}},un=n(100),ln=n.n(un),dn={insert:"head",singleton:!1};x()(ln.a,dn),ln.a.locals;sn.render=cn,sn.__scopeId="data-v-479206a0";var fn=sn;const hn=Object(o.withScopeId)("data-v-23810e3e");Object(o.pushScopeId)("data-v-23810e3e");const pn={class:"c-grid-icon-column"};Object(o.popScopeId)();const mn=hn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",pn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var vn={name:"CGridIconColumn",mixins:[Ie,ke],props:{iconTagName:{type:[String,Function],default:void 0},iconClassName:{type:[String,Function],default:void 0},iconContent:{type:[String,Function],default:void 0},iconName:{type:[String,Function],default:void 0},iconWidth:{type:[Number,String,Function],default:void 0},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedIconTagName:Dt("iconTagName"),resolvedIconClassName:Dt("iconClassName"),resolvedIconContent:Dt("iconContent"),resolvedIconName:Dt("iconName"),resolvedIconWidth:Dt("iconWidth"),resolvedAction:Dt("action")},watch:{resolvedIconTagName:Lt,resolvedIconClassName:Lt,resolvedIconContent:Lt,resolvedIconName:Lt,resolvedIconWidth:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{tagName:this.resolvedIconTagName,className:this.resolvedIconClassName,content:this.resolvedIconContent,name:this.resolvedIconName,iconWidth:this.resolvedIconWidth,action:this.resolvedAction})},createColumn(){const t=new g.columns.type.IconColumn({tagName:this.resolvedIconTagName,className:this.resolvedIconClassName,content:this.resolvedIconContent,name:this.resolvedIconName,iconWidth:this.resolvedIconWidth}),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_iconTagNameProxy:Wt("iconTagName"),$_CGridColumn_iconClassNameProxy:Wt("iconClassName"),$_CGridColumn_iconContentProxy:Wt("iconContent"),$_CGridColumn_iconNameProxy:Wt("iconName"),$_CGridColumn_iconWidthProxy:Wt("iconWidth"),$_CGridColumn_actionProxy:Wt("action")}},gn=n(101),yn=n.n(gn),bn={insert:"head",singleton:!1};x()(yn.a,bn),yn.a.locals;vn.render=mn,vn.__scopeId="data-v-23810e3e";var _n=vn;const On=Object(o.withScopeId)("data-v-202f6002");Object(o.pushScopeId)("data-v-202f6002");const wn={class:"c-grid-input-column"};Object(o.popScopeId)();const xn=On((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",wn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Cn={name:"CGridInputColumn",mixins:[Ie,ke],props:{columnType:{type:[Object,String,Function],default:void 0},helperText:{type:[String,Function],default:void 0},inputValidator:{type:[Function],default:void 0},validator:{type:[Function],default:void 0},inputClassList:{type:[Array,String,Function],default:void 0},inputType:{type:[String,Function],default:void 0},disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1}},computed:{resolvedHelperText:Dt("helperText"),resolvedInputValidator:Dt("inputValidator"),resolvedValidator:Dt("validator"),resolvedInputClassList:Dt("inputClassList"),resolvedInputType:Dt("inputType")},watch:{columnType:Lt,resolvedHelperText:Lt,resolvedInputValidator:Lt,resolvedValidator:Lt,resolvedInputClassList:Lt,resolvedInputType:Lt,disabled(t){this._action&&(this._action.disabled=t)},readonly(t){this._action&&(this._action.readOnly=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{columnType:this.columnType,helperText:this.resolvedHelperText,inputValidator:this.resolvedInputValidator,validator:this.resolvedValidator,classList:this.resolvedInputClassList,type:this.resolvedInputType})},createColumn(){const t=this._action=new g.columns.action.SmallDialogInputEditor({helperText:this.resolvedHelperText,inputValidator:this.resolvedInputValidator,validator:this.resolvedValidator,classList:this.resolvedInputClassList,type:this.resolvedInputType,disabled:this.disabled,readOnly:this.readonly}),e=$t(this.columnType);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:e,action:t})},$_CGridColumn_helperTextProxy:Wt("helperText"),$_CGridColumn_inputValidatorProxy:Wt("inputValidator"),$_CGridColumn_validatorProxy:Wt("validator"),$_CGridColumn_inputClassListProxy:Wt("inputClassList"),$_CGridColumn_inputTypeProxy:Wt("inputType")}},jn=n(102),Sn=n.n(jn),In={insert:"head",singleton:!1};x()(Sn.a,In),Sn.a.locals;Cn.render=xn,Cn.__scopeId="data-v-202f6002";var kn=Cn;const En=Object(o.withScopeId)("data-v-53497d7c");Object(o.pushScopeId)("data-v-53497d7c");const Nn={class:"c-grid-link-column"};Object(o.popScopeId)();const Pn=En((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Nn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var An={name:"CGridLinkColumn",mixins:[Ie,ke],props:{columnType:{type:[Object,String,Function],default:void 0},href:{type:[String,Function],default:void 0},target:{type:[String],default:void 0},disabled:{type:[Boolean,Function],default:!1}},computed:{resolvedHref:Dt("href")},watch:{columnType:Lt,resolvedHref:Lt,target:Lt,disabled(t){this._action&&(this._action.disabled=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{columnType:this.columnType,href:this.resolvedHref,target:this.target})},createColumn(){const{resolvedHref:t,target:e="_blank"}=this,n="function"==typeof t?new g.columns.action.Action({action:t,disabled:this.disabled}):new g.columns.action.Action({action(n){window.open(n[t],e)},disabled:this.disabled}),r=$t(this.columnType);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:r,action:n})},$_CGridColumn_hrefProxy:Wt("href")}},Gn=n(103),Tn=n.n(Gn),Fn={insert:"head",singleton:!1};x()(Tn.a,Fn),Tn.a.locals;An.render=Pn,An.__scopeId="data-v-53497d7c";var Mn=An;const Vn=Object(o.withScopeId)("data-v-156b7d11");Object(o.pushScopeId)("data-v-156b7d11");const $n={class:"c-grid-menu-column"};Object(o.popScopeId)();const Rn=Vn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",$n,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));function Ln(t,e){return"function"==typeof t?!!t(e):!!t}var Bn={name:"CGridMenuColumn",mixins:[Ie,ke],props:{options:{type:[Object,Array],default:void 0},displayOptions:{type:[Object,Array],default:void 0},editorOptions:{type:[Object,Array,Function],default:void 0},disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1}},computed:{resolvedEditorOptions:Dt("editorOptions")},watch:{options:Lt,displayOptions:Lt,resolvedEditorOptions:Lt,disabled(t){this._action&&(this._action.disabled=t,this.$nextTick(this.nextTickInvalidate))},readonly(t){this._action&&(this._action.readOnly=t,this.$nextTick(this.nextTickInvalidate))}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{options:this.options,displayOptions:this.displayOptions,editorOptions:this.resolvedEditorOptions})},createColumn(){const t=this.displayOptions||this.options,e=this.resolvedEditorOptions||this.options,n=this._action=e?new g.columns.action.InlineMenuEditor({options:e,disabled:this.disabled,readOnly:this.readonly}):void 0,r=new g.columns.type.MenuColumn({options:t});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:r,action:n,style:(...t)=>{let e=this.columnStyle;return"function"==typeof e&&(e=e(...t)),(Ln(this.disabled,...t)||Ln(this.readonly,...t))&&(e?(e=e.clone?e.clone():Bt({},e),e.appearance="none"):e={appearance:"none"}),e}})},$_CGridColumn_editorOptionsProxy:Wt("editorOptions")}},Dn=n(104),Wn=n.n(Dn),Un={insert:"head",singleton:!1};x()(Wn.a,Un),Wn.a.locals;Bn.render=Rn,Bn.__scopeId="data-v-156b7d11";var zn=Bn;const Hn=Object(o.withScopeId)("data-v-b1bc3b30");Object(o.pushScopeId)("data-v-b1bc3b30");const Kn={class:"c-grid-radio-column"};Object(o.popScopeId)();const qn=Hn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Kn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Jn={name:"CGridRadioColumn",mixins:[Ie,ke],props:{disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1},checkAction:{type:Function,default:void 0},group:{type:Function,default:void 0}},watch:{disabled(t){this._action&&(this._action.disabled=t)},readonly(t){this._action&&(this._action.readOnly=t)},checkAction(t){this._action&&(this._action.checkAction=t)},group(t){this._action&&(this._action.group=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this))},createColumn(){const t=this._action=new g.columns.action.RadioEditor({disabled:this.disabled,readOnly:this.readonly,checkAction:this.checkAction,group:this.group});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:"radio",action:t})}}},Yn=n(105),Xn=n.n(Yn),Zn={insert:"head",singleton:!1};x()(Xn.a,Zn),Xn.a.locals;Jn.render=qn,Jn.__scopeId="data-v-b1bc3b30";var Qn=Jn;const tr=Object(o.withScopeId)("data-v-e45eef62");Object(o.pushScopeId)("data-v-e45eef62");const er={class:"c-grid-branch-graph-column"};Object(o.popScopeId)();const nr=tr((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",er,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var rr={name:"CGridBranchGraphColumn",mixins:[Ie,ke],props:{start:{type:String,default:void 0,validator:t=>null==t||"top"===t||"bottom"===t},cache:{type:Boolean},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedAction:Dt("action")},watch:{start:Lt,cache:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{start:this.start,cache:this.cache,action:this.resolvedAction})},createColumn(){const t=new g.columns.type.BranchGraphColumn({start:this.start,cache:this.cache}),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_actionProxy:Wt("action")}},or=n(106),ir=n.n(or),ar={insert:"head",singleton:!1};x()(ir.a,ar),ir.a.locals;rr.render=nr,rr.__scopeId="data-v-e45eef62";var cr=rr;const sr=Object(o.withScopeId)("data-v-4c3e14aa");Object(o.pushScopeId)("data-v-4c3e14aa");const ur={ref:"defaultSlotContainer",class:"c-grid-layout-row"};Object(o.popScopeId)();const lr=sr((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",ur,[Object(o.createCommentVNode)(" Use this slot to set the row layout definition "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)],512)));var dr={name:"CGridLayoutRow",get mixins(){Kt(this)},inject:["$_CGridInstance"],mounted(){we(this),this.$_CGridInstance.$_CGrid_setColumnDefine(this),this.$_CGrid_nextTickUpdate()},updated(){this.$_CGrid_nextTickUpdate()},beforeUnmount(){fr(this)},beforeDestroy(){fr(this)},methods:{getPropsObjectInternal(){return ne(this.$_CGridInstance,Ut(this))},createColumn(){return ee(this.$_CGridInstance,Ut(this))},$_CGrid_nextTickUpdate(){this.$_CGridInstance&&this.$_CGridInstance.$_CGrid_nextTickUpdate&&this.$_CGridInstance.$_CGrid_nextTickUpdate()}}};function fr(t){xe(t),t.$_CGridInstance.$_CGrid_removeColumnDefine(t)}var hr=n(107),pr=n.n(hr),mr={insert:"head",singleton:!1};x()(pr.a,mr),pr.a.locals;dr.render=lr,dr.__scopeId="data-v-4c3e14aa";var vr=dr;const gr=Object(o.withScopeId)("data-v-0cb2dc3e");Object(o.pushScopeId)("data-v-0cb2dc3e");const yr={class:"c-grid-header"};Object(o.popScopeId)();const br=gr((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",yr,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var _r={name:"CGridHeader",mixins:[Ie],props:{caption:{type:[String,Function],default:""},width:{type:[Number,String],default:void 0},minWidth:{type:[Number,String],default:void 0},maxWidth:{type:[Number,String],default:void 0}},watch:{width:Lt,minWidth:Lt,maxWidth:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),{width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth})},createColumn(){return Bt(Ie.methods.createColumn.apply(this),{width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth})}}},Or=n(108),wr=n.n(Or),xr={insert:"head",singleton:!1};x()(wr.a,xr),wr.a.locals;_r.render=br,_r.__scopeId="data-v-0cb2dc3e";var Cr=_r,jr=ge;function Sr(t){const e={CGrid:ge,CGridColumn:Ge,CGridColumnGroup:Be,CGridCheckColumn:rn,CGridButtonColumn:Je,CGridPercentCompleteBarColumn:fn,CGridIconColumn:_n,CGridInputColumn:kn,CGridLinkColumn:Mn,CGridMenuColumn:zn,CGridRadioColumn:Qn,CGridBranchGraphColumn:cr,CGridLayoutRow:vr,CGridHeader:Cr};for(const n in e)t.component(n,e[n])}function Ir(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}ge.install=Sr;var kr=[{no:1,check:"true",name:"Cheetah",icon:"./animals-icons/cheetah.png",habitat:"./animals-icons/africa.png",area:"Africa",length:150,weight:60,speed:120},{no:2,check:"false",name:"Lion",icon:"./animals-icons/lion.png",habitat:"./animals-icons/africa.png",area:"Africa",length:200,weight:200,speed:79.2},{no:3,check:"true",name:"Wolf",icon:"./animals-icons/wolf.png",habitat:"./animals-icons/world.png",area:"World",length:150,weight:40,speed:60},{no:4,check:"false",name:"Tiger",icon:"./animals-icons/tiger.png",habitat:"./animals-icons/asia.png",area:"Asia",length:280,weight:200,speed:64.8},{no:5,check:"true",name:"Cat",icon:"./animals-icons/cat.png",habitat:"./animals-icons/world.png",area:"World",length:75,weight:5,speed:30},{no:6,check:"false",name:"Dog",icon:"./animals-icons/dog.png",habitat:"./animals-icons/africa.png",area:"Africa",length:100,weight:10,speed:69.6},{no:7,check:"true",name:"Rat",icon:"./animals-icons/rat.png",habitat:"./animals-icons/asia.png",area:"Asia",length:.2,weight:.5,speed:39.6},{no:8,check:"false",name:"Elephant",icon:"./animals-icons/elephant.png",habitat:"./animals-icons/asia.png",area:"Asia",length:5500,weight:5400,speed:36},{no:9,check:"true",name:"Giraffe",icon:"./animals-icons/giraffe.png",habitat:"./animals-icons/africa.png",area:"Africa",length:5300,weight:1930,speed:54},{no:10,check:"false",name:"Turtle",icon:"./animals-icons/turtle.png",habitat:"./animals-icons/asia.png",area:"Asia",length:200,weight:900,speed:9.6},{no:11,check:"true",name:"Rabbit",icon:"./animals-icons/rabbit.png",habitat:"./animals-icons/asia.png",area:"Asia",length:76,weight:2,speed:72},{no:12,check:"true",name:"Gorilla",icon:"./animals-icons/gorilla.png",habitat:"./animals-icons/africa.png",area:"Africa",length:170,weight:160,speed:49.2},{no:13,check:"false",name:"Monkey",icon:"./animals-icons/monkey.png",habitat:"./animals-icons/asia.png",area:"Asia",length:60,weight:18,speed:57.6},{no:14,check:"true",name:"Rhinoceros",icon:"./animals-icons/rhinoceros.png",habitat:"./animals-icons/africa.png",area:"Africa",length:400,weight:2300,speed:48},{no:15,check:"false",name:"Horse",icon:"./animals-icons/horse.png",habitat:"./animals-icons/africa.png",area:"Africa",length:170,weight:800,speed:63.6},{no:16,check:"true",name:"Kangaroo",icon:"./animals-icons/kangaroo.png",habitat:"./animals-icons/africa.png",area:"Africa",length:160,weight:85,speed:60},{no:17,check:"false",name:"Penguin",icon:"./animals-icons/penguin.png",habitat:"./animals-icons/world.png",area:"World",length:100,weight:45,speed:8.4},{no:18,check:"true",name:"Crocodile",icon:"./animals-icons/crocodile.png",habitat:"./animals-icons/africa.png",area:"Africa",length:500,weight:1e3,speed:24},{no:19,check:"false",name:"Snake",icon:"./animals-icons/snake.png",habitat:"./animals-icons/africa.png",area:"Africa",length:300,weight:6,speed:9.6},{no:20,check:"true",name:"Squirrel",icon:"./animals-icons/squirrel.png",habitat:"./animals-icons/world.png",area:"World",length:10,weight:.1,speed:14.4},{no:21,check:"false",name:"Reindeer",icon:"./animals-icons/reindeer.png",habitat:"./animals-icons/world.png",area:"World",length:220,weight:300,speed:69.6}],Er={name:"Animals",components:function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ir(Object(n),!0).forEach((function(e){At()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ir(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},r),data:function(){return{data:kr}},methods:{clickRec:function(t){alert(JSON.stringify(t))}}};Er.render=Nt,Er.__scopeId="data-v-4929453a";var Nr=Er,Pr=Object(i.a)({scrollBehavior:function(t,e,n){return{x:0,y:0}},history:Object(i.b)(),routes:[{path:"/",name:"welcome",component:I,meta:{title:"Welcome"}},{path:"/branch-graph",name:"branch-graph",component:R,meta:{title:"Branch Graph"}},{path:"/enterprise",name:"enterprise",component:gt,meta:{title:"Enterprise"}},{path:"/animals",name:"animals",component:Nr,meta:{title:"Animals"}}]}),Ar=n(145),Gr=n.n(Ar);const Tr={id:"app"},Fr={class:"header"},Mr={class:"header-main"},Vr=Object(o.createVNode)("img",{id:"logo",src:Gr.a},null,-1),$r=Object(o.createVNode)("span",{class:"site-title"},"Cheetah Grid",-1),Rr=Object(o.createStaticVNode)('<span class="sns"><a class="github-button" href="https://github.com/future-architect/cheetah-grid" data-show-count="true" aria-label="Star future-architect/cheetah-grid on GitHub"> Star </a><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://future-architect.github.io/cheetah-grid/"> Tweet </a><div class="fb-like" data-href="https://future-architect.github.io/cheetah-grid/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div><a href="https://www.npmjs.com/package/cheetah-grid"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"></a></span>',1),Lr=Object(o.createVNode)("label",{class:"menu-title"},"DEMOS:",-1),Br={class:"link"},Dr=Object(o.createVNode)("label",{class:"menu-title"},"LINKS:",-1),Wr=Object(o.createVNode)("div",{class:"menu-item"},[Object(o.createVNode)("a",{href:"https://future-architect.github.io/cheetah-grid/documents/index.html"},[Object(o.createVNode)("span",{class:"link"},"Documents")])],-1),Ur=Object(o.createVNode)("div",{class:"menu-item"},[Object(o.createVNode)("a",{class:"link",href:"https://github.com/future-architect/cheetah-grid"},[Object(o.createVNode)("span",null," View on GitHub "),Object(o.createVNode)("svg",{version:"1.1",width:"16",height:"16",viewBox:"0 0 16 16",class:"octicon octicon-mark-github","aria-hidden":"true"},[Object(o.createVNode)("path",{"fill-rule":"evenodd",d:"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"})])])],-1),zr={class:"main"},Hr=Object(o.createVNode)("footer",{class:"footer"}," © 2017 - 2018 Future Corporation. Author Yosuke Ota. Code licensed under the MIT License. ",-1);var Kr=n(64),qr=n.n(Kr),Jr=Pr.options.routes,Yr={name:"App",components:{},data:function(){return{routes:Jr}},computed:{},mounted:function(){!function(t,e,n){var r=t.getElementsByTagName(e),o=qr()(r,1)[0];if(!t.getElementById(n)){var i=t.createElement(e);i.id=n,i.src="https://buttons.github.io/buttons.js",o.parentNode.insertBefore(i,o)}}(document,"script","gh-buttons"),function(t,e,n){var r=t.getElementsByTagName(e),o=qr()(r,1)[0];if(!t.getElementById(n)){var i=t.createElement(e);i.id=n,i.src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10",o.parentNode.insertBefore(i,o)}}(document,"script","facebook-jssdk"),function(t,e,n){var r=t.getElementsByTagName(e),o=qr()(r,1)[0],i=/^http:/.test(t.location)?"http":"https";if(!t.getElementById(n)){var a=t.createElement(e);a.id=n,a.src="".concat(i,"://platform.twitter.com/widgets.js"),o.parentNode.insertBefore(a,o)}}(document,"script","twitter-wjs")},methods:{}},Xr=n(110),Zr=n.n(Xr),Qr={insert:"head",singleton:!1};x()(Zr.a,Qr),Zr.a.locals;Yr.render=function(t,e,n,r,i,a){const c=Object(o.resolveComponent)("router-link"),s=Object(o.resolveComponent)("router-view");return Object(o.openBlock)(),Object(o.createBlock)("div",Tr,[Object(o.createVNode)("header",Fr,[Object(o.createVNode)("div",null,[Object(o.createVNode)("section",Mr,[Object(o.createVNode)(c,{to:{name:"welcome"},class:"logo"},{default:Object(o.withCtx)(()=>[Vr,$r]),_:1}),Rr]),Object(o.createVNode)("section",null,[Lr,(Object(o.openBlock)(!0),Object(o.createBlock)(o.Fragment,null,Object(o.renderList)(i.routes,t=>(Object(o.openBlock)(),Object(o.createBlock)("div",{key:t.path,class:"menu-item"},[Object(o.createVNode)(c,{to:{name:t.name}},{default:Object(o.withCtx)(()=>[Object(o.createVNode)("span",Br,Object(o.toDisplayString)(t.meta.title),1)]),_:2},1032,["to"])]))),128)),Dr,Wr,Ur])])]),Object(o.createVNode)("main",zr,[Object(o.createVNode)(s)]),Hr])};var to=Yr,eo=Object(o.createApp)(to);eo.use(Pr),eo.use(jr),y.a.themes.default=y.a.themes.default.extends({}),Pr.beforeEach((function(t,e,n){document.title="".concat(t.meta.title," | Cheetah Grid Demo"),n()})),eo.mixin({methods:{numberDelimiter:function(t){return t.toLocaleString()},dateFormat:function(t,e){return t?isNaN(new Date(t))?t:"".concat(t.getFullYear(),"/").concat(t.getMonth()+1,"/").concat(t.getDate()):""}}}),eo.mount("#app-root")}]);
\ No newline at end of file
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
new file mode 100644
index 000000000..41d99e881
--- /dev/null
+++ b/assets/images/logo.svg
@@ -0,0 +1,4576 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 1313.00 915.00">
+<g stroke-width="2.00" fill="none" stroke-linecap="butt">
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 996.13 358.22
+ Q 996.35 356.52 996.13 353.26
+ C 994.66 331.25 984.35 312.92 966.37 300.81
+ C 952.34 291.36 934.78 285.69 918.03 285.21"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 918.03 285.21
+ Q 917.93 285.03 918.13 284.71
+ Q 918.26 284.52 918.46 284.41
+ Q 943.86 270.71 954.96 243.99
+ C 958.07 236.52 955.60 227.64 951.17 221.36
+ C 945.71 213.63 936.02 212.93 928.13 217.32
+ Q 923.46 219.92 919.80 224.01
+ Q 914.74 229.68 909.74 234.96
+ Q 894.58 251.03 873.12 248.98
+ C 857.17 247.47 843.89 238.82 839.41 223.11
+ Q 839.26 222.59 839.77 222.45
+ Q 875.32 212.48 913.95 201.53
+ C 928.16 197.50 943.87 192.64 939.77 173.49
+ Q 936.75 159.39 929.02 145.62
+ C 915.01 120.66 891.00 107.31 861.76 109.55
+ Q 844.70 110.87 829.83 117.52
+ C 792.27 134.33 779.50 175.83 786.70 214.14"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 786.70 214.14
+ Q 763.59 200.54 738.96 205.21
+ C 728.17 207.26 717.26 212.28 707.90 218.43
+ Q 706.56 219.31 707.00 217.77
+ Q 719.33 174.34 731.14 132.56
+ C 736.82 112.47 728.42 98.84 708.75 93.55
+ C 692.44 89.16 679.12 94.57 673.15 110.80
+ Q 671.91 114.16 670.49 117.73"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 670.49 117.73
+ C 669.11 115.31 668.00 112.87 666.53 110.54
+ Q 637.50 64.49 584.47 48.47
+ Q 555.93 39.84 527.76 41.31
+ C 473.59 44.13 427.78 77.96 400.56 124.26
+ C 364.87 184.97 356.28 267.04 396.08 328.29
+ Q 396.35 328.71 396.39 329.20
+ L 396.44 329.76"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 396.44 329.76
+ Q 384.02 327.02 371.23 328.82
+ Q 361.92 330.12 352.99 331.40
+ C 343.53 332.75 333.45 331.39 324.15 329.46
+ Q 311.84 326.91 290.90 321.11
+ Q 288.57 320.46 283.33 317.37"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 283.33 317.37
+ Q 283.35 317.69 283.01 317.11"
+/>
+<path stroke="#7e2323" vector-effect="non-scaling-stroke" d="
+ M 283.01 317.11
+ Q 283.80 316.78 286.09 316.14
+ C 292.76 314.27 298.49 309.20 303.87 303.45
+ C 306.85 300.25 310.04 294.68 305.08 291.37
+ Q 304.00 290.66 302.81 290.09
+ Q 302.25 289.83 302.51 289.27
+ C 306.32 281.11 312.90 268.31 308.49 259.33"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 308.49 259.33
+ Q 321.27 253.06 331.52 243.28
+ Q 337.94 237.16 340.69 227.74
+ Q 346.40 208.24 338.69 190.80"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 338.69 190.80
+ Q 343.83 172.12 347.27 153.41
+ Q 348.52 146.59 348.57 141.52
+ C 348.65 131.67 346.96 122.46 345.71 112.76
+ Q 345.28 109.40 343.90 106.43
+ Q 340.24 98.55 336.04 90.87
+ Q 333.70 86.59 329.86 82.70
+ Q 322.31 75.03 314.76 68.15
+ Q 314.33 67.77 314.30 67.20
+ Q 313.94 61.64 311.61 56.28
+ Q 309.45 51.31 303.76 51.87
+ Q 294.77 52.75 289.75 58.36
+ Q 289.36 58.79 288.82 58.56
+ Q 275.70 52.81 262.82 51.32
+ Q 247.47 49.54 242.90 49.56
+ Q 227.20 49.62 210.11 55.53
+ C 202.70 58.09 195.73 63.74 187.54 61.83
+ Q 184.18 61.04 180.71 58.85
+ C 170.19 52.21 153.57 49.54 142.85 57.85
+ Q 137.05 62.35 136.60 70.99
+ C 136.07 81.40 138.23 91.94 141.30 101.95
+ Q 141.47 102.50 141.27 103.03
+ C 136.82 114.76 132.97 126.09 131.17 138.57
+ C 129.69 148.85 130.02 160.41 130.56 171.25
+ Q 131.09 182.02 133.98 192.58"
+/>
+<path stroke="#611c22" vector-effect="non-scaling-stroke" d="
+ M 133.98 192.58
+ Q 125.72 189.94 120.26 183.69
+ C 117.21 180.19 115.86 175.88 114.01 171.73
+ C 113.61 170.84 112.88 170.05 112.32 169.24
+ A 0.57 0.57 0.0 0 0 111.39 169.23
+ Q 110.30 170.75 110.08 172.51
+ C 109.68 175.68 108.30 178.67 107.27 181.69
+ Q 104.12 190.96 103.41 202.01
+ Q 103.02 208.16 103.57 212.00
+ Q 103.98 214.87 103.74 217.43
+ Q 103.43 220.70 104.12 223.37
+ Q 107.21 235.31 120.68 240.00"
+/>
+<path stroke="#7e2323" vector-effect="non-scaling-stroke" d="
+ M 120.68 240.00
+ Q 110.48 241.30 101.99 241.95
+ Q 98.04 242.24 92.63 245.55
+ Q 90.04 247.13 87.38 248.31
+ C 81.29 250.99 77.74 257.62 75.13 263.37
+ Q 71.36 271.65 65.52 277.71
+ C 63.88 279.40 60.73 280.13 58.50 280.35
+ Q 57.53 280.45 58.43 280.80
+ Q 65.82 283.73 75.97 289.61
+ Q 86.29 295.59 98.40 295.85
+ C 105.94 296.02 113.69 291.76 118.87 286.63
+ C 126.45 279.12 133.50 272.20 143.62 268.11
+ C 144.93 267.58 145.75 266.86 146.75 265.89
+ A 1.09 1.09 0.0 0 1 148.58 266.47
+ C 149.09 269.15 149.82 276.06 152.09 277.42
+ Q 156.29 279.95 160.81 282.44
+ Q 163.57 283.97 173.33 286.09"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 173.33 286.09
+ C 165.52 292.45 160.26 299.84 154.94 308.24
+ Q 152.74 311.72 151.04 316.09
+ C 146.81 326.94 139.69 334.80 129.92 342.08
+ C 121.53 348.32 112.98 354.61 105.53 361.51
+ Q 99.10 367.47 94.87 370.39
+ Q 86.77 375.99 78.72 381.00
+ C 71.35 385.59 63.26 391.92 59.07 399.17
+ C 50.55 413.91 52.80 435.68 65.99 446.61
+ Q 69.03 449.14 71.96 452.26
+ C 79.69 460.52 86.62 469.39 88.74 480.76
+ Q 88.83 481.27 88.56 481.70
+ Q 87.92 482.73 86.97 483.16"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 86.97 483.16
+ Q 82.80 477.41 73.95 478.90
+ Q 67.41 480.01 63.51 480.31
+ Q 55.28 480.95 46.93 481.21
+ C 45.02 481.27 43.78 482.31 42.05 483.14"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 42.05 483.14
+ L 35.10 482.09"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 35.10 482.09
+ Q 27.61 475.98 19.00 480.22
+ Q 13.96 482.70 14.97 488.47"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 14.97 488.47
+ C 5.47 500.31 5.50 514.46 13.09 527.08
+ C 19.09 537.05 28.96 545.34 39.84 547.45
+ C 52.87 549.97 66.16 552.69 79.48 550.60
+ Q 86.69 549.46 95.90 545.67
+ C 112.65 538.76 128.50 531.60 139.41 516.34
+ C 140.73 514.50 141.46 512.36 142.13 510.23
+ Q 145.24 500.36 148.04 493.59
+ Q 149.19 490.81 151.52 488.92
+ A 0.41 0.40 57.2 0 1 152.14 489.06
+ Q 156.86 498.61 161.73 507.98
+ Q 164.32 512.96 165.74 518.05
+ Q 168.34 527.35 170.83 537.46
+ Q 171.03 538.30 170.78 539.14
+ Q 167.75 549.28 163.67 559.28
+ Q 161.84 563.77 158.98 567.82
+ C 150.41 579.98 142.63 595.04 141.55 609.91
+ C 139.44 638.99 164.22 659.93 187.29 672.02
+ C 192.16 674.58 197.22 676.38 201.87 679.35
+ A 0.28 0.28 0.0 0 1 201.99 679.69
+ Q 201.93 679.87 201.81 679.91"
+/>
+<path stroke="#677c83" vector-effect="non-scaling-stroke" d="
+ M 201.81 679.91
+ Q 190.45 686.00 183.03 694.52
+ Q 180.93 696.93 179.95 700.51
+ Q 179.51 702.09 178.12 702.80
+ C 173.77 705.01 171.62 697.95 171.08 694.89
+ Q 170.93 694.04 170.29 694.62
+ C 165.45 699.09 152.50 714.26 158.11 721.29
+ C 162.44 726.72 167.75 730.18 174.26 733.72
+ Q 182.40 738.14 191.13 742.64
+ C 192.86 743.53 192.42 744.83 193.24 746.23"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 193.24 746.23
+ Q 187.30 742.75 180.72 740.98
+ Q 179.15 740.56 174.75 740.11
+ Q 171.58 739.78 168.76 739.36
+ Q 167.07 739.10 165.14 739.17
+ Q 163.64 739.22 162.30 740.25
+ Q 159.92 742.09 159.37 743.68
+ Q 155.39 755.12 157.83 767.22
+ C 158.81 772.09 154.58 771.21 153.91 774.93
+ Q 153.36 777.97 154.32 781.12
+ A 0.96 0.93 6.6 0 0 154.79 781.69
+ L 159.41 784.07
+ A 0.46 0.46 0.0 0 1 159.34 784.92
+ Q 154.47 786.58 156.13 791.80"
+/>
+<path stroke="#677c83" vector-effect="non-scaling-stroke" d="
+ M 156.13 791.80
+ Q 152.10 794.23 148.58 797.28
+ Q 145.31 800.12 142.70 804.16
+ Q 135.42 815.42 128.16 826.23
+ Q 127.83 826.72 127.80 827.31
+ Q 127.18 838.91 126.51 850.50
+ Q 126.05 858.30 128.07 864.71
+ Q 130.77 873.30 136.22 881.13"
+/>
+<path stroke="#284729" vector-effect="non-scaling-stroke" d="
+ M 136.22 881.13
+ Q 137.93 883.28 139.00 885.37
+ Q 139.50 886.37 140.03 886.66
+ Q 140.79 887.07 141.71 887.08
+ Q 153.69 887.25 165.61 887.45
+ C 166.94 887.48 167.84 887.76 169.22 887.26
+ Q 172.53 886.06 175.68 884.76
+ Q 176.22 884.54 176.55 885.02
+ C 180.40 890.60 187.26 894.51 193.41 897.17
+ Q 204.15 901.81 218.00 905.46
+ Q 225.72 907.51 233.46 907.55
+ Q 246.44 907.63 255.70 906.16
+ Q 265.29 904.64 278.86 898.36
+ Q 281.67 897.07 283.25 895.06
+ C 288.03 889.01 291.69 882.03 293.83 874.82
+ C 294.46 872.69 294.41 870.64 294.55 868.40"
+/>
+<path stroke="#20307e" vector-effect="non-scaling-stroke" d="
+ M 294.55 868.40
+ Q 294.81 863.36 295.31 858.31
+ C 296.43 846.91 296.77 834.51 292.54 824.59
+ Q 288.77 815.73 286.30 808.56
+ Q 284.77 804.13 284.13 799.26
+ Q 283.35 793.27 282.94 791.16
+ Q 282.19 787.33 281.70 783.25
+ C 281.53 781.84 281.06 780.66 280.96 779.22
+ Q 280.42 771.53 282.27 763.85"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 282.27 763.85
+ Q 288.32 771.38 294.65 778.55
+ C 295.82 779.88 296.54 781.61 297.73 782.95
+ Q 300.68 786.26 303.95 789.76
+ C 309.86 796.07 312.05 804.27 315.12 811.72
+ C 316.62 815.35 318.75 817.73 322.75 816.32
+ C 326.50 815.00 327.46 811.60 326.25 807.94
+ C 324.88 803.79 324.17 797.81 321.09 794.78
+ Q 319.44 793.16 318.64 791.45
+ C 317.06 788.05 314.45 784.83 312.50 781.75
+ C 311.30 779.85 310.69 777.64 309.66 775.60
+ A 1.78 1.78 0.0 0 1 310.75 773.09
+ C 313.23 772.36 317.87 771.72 319.23 769.41
+ Q 323.09 762.81 321.65 754.85
+ Q 321.31 752.99 319.95 751.56
+ Q 315.82 747.22 312.30 744.73
+ C 309.83 742.97 306.84 742.64 304.03 741.42
+ Q 298.31 738.93 292.48 738.09"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 292.48 738.09
+ Q 294.49 736.63 296.44 734.64
+ Q 298.71 732.35 300.52 731.14
+ C 305.30 727.93 309.45 724.85 313.35 720.27
+ Q 313.67 719.89 313.73 719.40
+ C 314.48 712.61 313.62 704.55 308.40 699.81
+ C 302.98 694.88 298.01 689.73 291.54 685.60"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 291.54 685.60
+ L 293.80 680.29
+ Q 294.04 679.71 294.54 680.10
+ Q 305.55 688.68 314.70 694.78
+ Q 344.74 714.83 376.17 727.90
+ Q 406.21 740.39 438.84 751.89
+ Q 473.61 764.15 508.83 773.45
+ Q 518.81 776.08 528.18 778.48
+ Q 576.36 790.81 624.78 797.93
+ C 673.27 805.06 723.35 815.17 768.04 820.15
+ Q 793.04 822.94 814.04 824.68
+ Q 852.83 827.89 888.09 831.89
+ Q 898.20 833.04 907.99 833.45
+ C 941.80 834.88 975.35 836.01 1009.00 833.06
+ Q 1029.74 831.25 1048.50 826.32
+ Q 1056.41 824.24 1063.56 823.07
+ C 1098.40 817.35 1133.34 805.96 1164.91 789.14
+ C 1176.28 783.09 1187.13 775.32 1197.98 767.82
+ C 1222.52 750.83 1245.13 730.73 1260.23 705.61
+ C 1266.75 694.78 1271.36 681.26 1275.56 669.04
+ Q 1282.54 648.75 1285.25 624.64
+ Q 1286.62 612.55 1287.74 601.50
+ C 1287.93 599.61 1287.70 597.70 1287.46 595.81"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 1287.46 595.81
+ C 1287.12 591.95 1287.66 587.87 1287.33 584.39
+ C 1284.10 550.34 1263.74 520.98 1239.63 497.70
+ C 1238.85 496.94 1238.41 496.11 1237.24 495.77
+ C 1209.69 487.72 1182.19 494.70 1164.63 518.16
+ Q 1156.76 528.67 1151.32 544.77
+ Q 1142.79 569.98 1142.79 595.98
+ Q 1142.79 596.01 1142.76 596.01
+ Q 1142.63 596.03 1142.50 596.04"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 1142.50 596.04
+ Q 1142.35 595.94 1142.37 595.64
+ Q 1142.38 595.63 1142.38 595.61
+ Q 1142.39 595.59 1142.41 595.61
+ Q 1142.44 595.62 1142.43 595.66
+ Q 1141.96 603.21 1142.95 610.71"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 1142.95 610.71
+ C 1143.30 613.76 1143.22 616.78 1143.52 619.81
+ Q 1145.52 639.98 1150.73 658.58
+ Q 1152.80 666.00 1153.31 671.82
+ C 1156.40 707.64 1144.20 739.17 1120.94 766.11
+ Q 1116.55 771.20 1111.04 774.92
+ C 1089.83 789.24 1066.62 798.14 1041.56 803.72
+ Q 1020.92 808.31 998.42 811.30
+ Q 988.90 812.56 978.64 812.80
+ Q 942.93 813.62 907.93 812.30
+ Q 897.64 811.91 888.53 811.15
+ Q 816.48 805.12 742.00 797.28
+ Q 720.06 794.97 700.09 792.12
+ Q 653.29 785.44 608.49 777.84
+ C 579.65 772.94 553.69 767.30 527.48 760.84
+ Q 518.63 758.66 508.21 756.54
+ C 476.16 750.02 443.39 740.92 413.07 728.34
+ Q 404.97 724.99 394.39 721.21
+ Q 363.83 710.29 335.76 692.29
+ Q 322.58 683.83 310.74 675.63
+ A 9.00 8.88 -4.2 0 1 309.26 674.37
+ L 296.92 661.38
+ Q 296.52 660.96 296.64 660.40
+ C 298.04 653.80 299.36 647.33 300.45 640.56
+ Q 308.45 590.89 314.49 540.95
+ Q 314.84 538.00 316.18 534.41
+ Q 319.80 524.64 319.87 513.50"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 319.87 513.50
+ Q 320.53 509.06 320.45 503.75
+ Q 320.27 491.99 319.27 480.27
+ C 318.92 476.16 319.16 471.57 318.84 468.04
+ Q 317.68 454.88 313.80 440.05
+ Q 308.01 417.90 298.84 399.08
+ C 296.98 395.27 294.76 391.84 292.61 388.16
+ Q 285.64 376.25 285.71 362.00
+ Q 285.74 355.81 285.60 349.89"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 285.60 349.89
+ C 287.95 346.87 291.43 348.77 294.30 349.42
+ Q 306.79 352.25 320.02 354.67
+ Q 340.57 358.44 359.38 357.83
+ Q 361.80 357.75 363.27 359.06
+ C 367.35 362.68 364.79 369.14 362.35 372.99
+ Q 356.76 381.80 353.08 389.62
+ C 350.89 394.26 349.51 399.27 347.66 404.00
+ C 341.08 420.82 337.39 439.00 335.44 458.35
+ Q 333.73 475.25 333.44 489.42
+ Q 333.19 501.72 333.55 519.91
+ Q 333.69 526.82 335.22 531.74
+ Q 340.65 549.26 355.09 559.67
+ Q 361.88 564.57 370.30 566.48"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 370.30 566.48
+ C 381.15 626.57 418.61 682.56 480.45 697.99
+ Q 522.99 708.60 567.45 695.53
+ Q 577.13 692.68 586.44 688.12
+ C 644.24 659.78 666.47 600.25 661.23 537.95
+ C 659.37 515.82 654.13 492.56 627.93 488.27
+ Q 620.59 487.07 613.75 487.57
+ Q 565.49 491.13 521.63 494.61
+ C 500.82 496.26 486.80 506.70 486.90 528.34
+ C 487.00 547.38 495.03 561.93 515.64 564.57
+ Q 520.79 565.24 525.71 564.87
+ Q 556.71 562.54 590.27 559.99
+ Q 590.86 559.95 590.84 560.54
+ C 590.10 589.42 578.12 615.40 549.97 625.82
+ Q 534.51 631.55 517.09 630.59
+ C 488.37 629.02 466.24 610.76 453.83 585.44
+ Q 445.09 567.61 441.95 546.94"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 441.95 546.94
+ Q 447.00 540.33 452.70 532.71
+ Q 459.10 524.15 463.20 511.24
+ C 465.90 502.74 464.64 492.71 457.29 486.76
+ C 454.62 484.60 447.11 486.71 443.79 487.40"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 443.79 487.40
+ Q 446.67 473.08 452.97 460.23
+ C 463.40 438.97 481.35 423.79 504.96 419.24
+ C 527.31 414.92 551.05 418.50 569.54 432.01
+ C 578.28 438.40 585.78 443.56 597.16 443.76
+ C 615.86 444.10 628.72 430.05 628.83 411.59"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 628.83 411.59
+ C 644.95 413.22 654.24 403.69 658.41 389.07
+ Q 673.78 335.18 689.58 279.14
+ C 693.75 264.34 704.83 252.60 720.77 252.19
+ C 737.27 251.77 749.54 263.41 751.03 279.72
+ Q 751.76 287.80 749.72 295.01
+ Q 734.10 350.07 718.62 404.78
+ C 712.71 425.68 720.77 438.96 741.47 444.39
+ C 761.56 449.65 773.78 440.95 779.12 422.13
+ Q 796.17 362.07 813.14 301.98
+ Q 816.95 288.52 817.72 273.98"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 817.72 273.98
+ Q 840.34 295.49 870.75 296.43
+ Q 872.33 296.48 878.05 296.37"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 878.05 296.37
+ C 850.44 314.16 835.04 344.76 831.72 377.29
+ Q 829.92 394.92 833.61 410.19
+ Q 844.25 454.19 887.68 469.23
+ C 914.79 478.61 943.90 476.14 967.39 458.71
+ C 973.46 454.21 976.46 444.10 975.35 436.89
+ C 973.36 423.95 959.95 420.09 948.58 423.42
+ Q 941.38 425.53 933.13 427.75
+ Q 909.69 434.05 891.48 418.04
+ C 880.46 408.35 875.55 395.36 879.26 380.94
+ Q 879.43 380.29 880.08 380.47
+ Q 918.12 391.36 956.70 402.13
+ C 967.26 405.08 980.29 408.21 987.76 397.42"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 987.76 397.42
+ Q 993.21 419.42 1011.62 430.40
+ Q 1041.10 447.99 1074.99 434.46
+ Q 1078.85 432.92 1083.18 430.15
+ Q 1083.98 429.64 1083.73 430.56
+ Q 1083.32 432.06 1082.82 433.72
+ C 1081.33 438.59 1081.91 443.91 1084.79 447.99
+ Q 1092.06 458.31 1104.59 458.12
+ C 1114.97 457.96 1123.81 450.78 1126.58 441.00
+ Q 1134.53 412.91 1142.79 384.23"
+/>
+<path stroke="#877a3b" vector-effect="non-scaling-stroke" d="
+ M 1142.79 384.23
+ Q 1145.20 419.22 1147.71 453.73
+ Q 1148.37 462.85 1152.54 467.95
+ C 1160.29 477.47 1174.30 477.51 1184.98 474.00
+ C 1196.94 470.06 1200.51 459.71 1199.76 448.09
+ Q 1196.73 401.36 1193.51 353.14
+ C 1192.67 340.57 1196.43 329.04 1207.71 322.88
+ C 1220.19 316.06 1235.01 320.73 1241.62 333.05
+ Q 1245.33 339.95 1245.79 346.92
+ Q 1248.95 394.18 1252.35 445.82
+ Q 1252.76 452.12 1255.96 458.20
+ C 1262.41 470.46 1279.28 470.80 1290.49 467.07
+ C 1302.27 463.15 1306.20 452.89 1305.44 441.21
+ Q 1301.93 387.57 1298.35 334.07
+ C 1296.54 306.96 1283.92 281.86 1256.61 273.76
+ C 1239.52 268.69 1221.05 271.55 1206.75 282.35
+ C 1200.55 287.02 1195.46 292.43 1190.63 298.51
+ Q 1189.99 299.32 1189.92 298.29
+ Q 1187.48 260.95 1184.98 223.25
+ C 1183.69 203.87 1170.72 195.75 1152.05 199.02
+ Q 1134.24 202.14 1132.52 221.18
+ Q 1132.33 223.24 1132.45 225.00
+ Q 1134.45 256.27 1136.52 287.98"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 1136.52 287.98
+ Q 1126.86 279.20 1115.40 273.37
+ Q 1101.05 266.08 1085.15 262.92
+ Q 1084.60 262.81 1084.68 262.27
+ Q 1086.53 248.44 1080.43 237.02
+ C 1073.53 224.09 1059.75 222.06 1046.32 224.68
+ C 1043.57 225.22 1040.76 225.21 1038.85 222.83
+ C 1035.62 218.79 1034.19 212.48 1033.16 207.46
+ Q 1023.09 157.96 1013.09 107.59
+ Q 1012.98 107.02 1013.54 106.91
+ Q 1025.02 104.66 1035.04 102.48
+ C 1046.78 99.92 1057.81 94.21 1057.69 80.41
+ Q 1057.59 69.02 1052.74 60.23
+ C 1046.77 49.39 1033.68 49.45 1022.45 51.69
+ Q 1012.21 53.73 1003.15 55.54
+ Q 1002.60 55.65 1002.50 55.10
+ Q 1000.94 46.81 999.05 38.13
+ Q 997.61 31.55 994.01 25.93
+ C 985.23 12.25 966.76 13.40 953.68 18.66
+ C 937.64 25.11 934.85 38.60 938.06 53.99
+ Q 939.41 60.47 940.77 67.39
+ A 0.84 0.83 -14.6 0 1 940.21 68.34
+ C 927.19 72.58 916.28 79.91 917.58 95.10
+ C 919.23 114.53 932.68 120.82 950.44 118.57
+ Q 951.01 118.50 951.12 119.06
+ Q 960.52 165.56 969.75 212.01
+ C 976.37 245.36 987.75 283.61 1028.08 286.71
+ Q 1028.85 286.76 1029.07 287.50
+ C 1032.01 297.11 1043.24 301.23 1052.52 302.50
+ C 1058.93 303.37 1064.98 304.13 1070.94 304.77
+ Q 1086.59 306.44 1098.26 316.43
+ C 1106.61 323.58 1112.21 334.36 1109.14 345.54
+ Q 1107.12 352.89 1105.08 359.93
+ A 0.29 0.29 0.0 0 1 1104.58 360.03
+ C 1097.68 351.25 1087.45 344.58 1077.26 340.11
+ C 1048.03 327.30 1015.91 331.22 996.13 358.22"
+/>
+<path stroke="#e7c628" vector-effect="non-scaling-stroke" d="
+ M 1136.52 287.98
+ L 1142.79 384.23"
+/>
+<path stroke="#e2b100" vector-effect="non-scaling-stroke" d="
+ M 987.76 397.42
+ Q 987.40 394.43 987.18 391.24
+ Q 985.92 373.24 996.13 358.22"
+/>
+<path stroke="#c49900" vector-effect="non-scaling-stroke" d="
+ M 918.03 285.21
+ C 916.90 285.94 915.59 285.96 914.49 286.48
+ Q 900.66 293.07 885.47 295.30
+ Q 881.69 295.86 878.05 296.37"
+/>
+<path stroke="#8a7300" vector-effect="non-scaling-stroke" d="
+ M 786.70 214.14
+ Q 789.31 228.33 795.58 242.20
+ Q 803.80 260.40 817.72 273.98"
+/>
+<path stroke="#6d8906" vector-effect="non-scaling-stroke" d="
+ M 628.83 411.59
+ C 613.33 410.16 597.41 402.39 597.01 384.75
+ Q 596.88 378.87 598.49 372.59"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 610.26 331.07
+ L 657.19 165.49"
+/>
+<path stroke="#342b00" vector-effect="non-scaling-stroke" d="
+ M 670.49 117.73
+ Q 679.01 141.38 663.29 159.86
+ Q 662.11 161.25 660.33 162.78
+ Q 658.60 164.28 657.19 165.49"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 657.19 165.49
+ Q 645.71 172.10 634.46 170.40
+ Q 615.95 167.60 605.73 151.30
+ Q 603.52 147.77 603.50 147.74
+ Q 597.13 138.03 588.04 131.28
+ C 565.17 114.30 534.33 108.78 507.57 120.27
+ C 486.41 129.36 469.80 147.89 459.49 168.55
+ Q 442.39 202.80 444.57 239.22
+ C 446.61 273.32 464.42 302.56 497.20 314.81
+ C 514.07 321.11 533.42 323.51 550.71 317.51
+ C 555.30 315.92 559.32 313.56 563.72 311.48
+ Q 573.53 306.85 583.93 309.37
+ C 596.32 312.37 605.79 318.94 610.26 331.07"
+/>
+<path stroke="#342b00" vector-effect="non-scaling-stroke" d="
+ M 610.26 331.07
+ Q 613.65 344.71 608.36 358.05
+ Q 604.93 366.70 598.49 372.59"
+/>
+<path stroke="#3a5e06" vector-effect="non-scaling-stroke" d="
+ M 598.49 372.59
+ Q 593.42 376.90 586.95 379.91
+ C 555.05 394.77 521.09 399.06 486.90 390.40
+ Q 460.73 383.76 437.67 369.33"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 437.67 369.33
+ Q 421.37 358.65 408.05 344.03
+ Q 407.72 343.66 407.25 343.50
+ Q 406.77 343.34 406.65 342.96"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 406.65 342.96
+ L 397.49 330.43
+ Q 397.25 330.11 396.87 329.99
+ Q 396.63 329.91 396.44 329.76"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 437.67 369.33
+ C 410.21 387.57 390.46 415.07 379.45 445.98
+ Q 378.69 448.11 378.58 448.97"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 406.65 342.96
+ C 406.31 344.51 406.08 346.08 405.10 347.38
+ C 391.24 365.89 375.83 388.07 374.04 411.35
+ Q 373.55 417.67 373.45 423.89
+ Q 373.26 435.93 377.81 447.71
+ Q 378.09 448.44 378.58 448.97"
+/>
+<path stroke="#b5ce20" vector-effect="non-scaling-stroke" d="
+ M 378.58 448.97
+ Q 378.48 449.23 378.58 449.46
+ Q 384.60 463.84 396.01 472.74
+ Q 398.86 474.96 401.67 477.31
+ C 408.83 483.28 418.06 486.71 427.25 487.59
+ Q 435.74 488.41 443.79 487.40"
+/>
+<path stroke="#b5ce20" vector-effect="non-scaling-stroke" d="
+ M 441.95 546.94
+ Q 432.66 556.61 423.96 561.98
+ Q 399.15 577.30 370.30 566.48"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 283.33 317.37
+ Q 283.14 318.02 283.20 318.49
+ Q 283.74 323.17 284.34 327.83
+ Q 284.87 331.91 284.91 337.21
+ Q 284.95 343.54 285.60 349.89"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 283.01 317.11
+ C 278.93 317.77 274.80 318.48 270.68 318.56
+ Q 260.22 318.76 249.92 318.90
+ C 244.63 318.96 239.16 318.47 234.25 317.22
+ Q 223.39 314.47 212.04 311.43
+ Q 209.54 310.77 203.96 307.46"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 203.96 307.46
+ Q 195.21 301.06 187.53 292.94
+ C 186.44 291.78 185.07 290.80 183.97 289.61
+ Q 182.89 288.45 180.84 287.84
+ Q 176.97 286.69 173.33 286.09"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 203.96 307.46
+ Q 201.50 321.01 201.19 325.25
+ Q 200.35 336.58 199.18 348.46
+ Q 198.40 356.33 196.35 365.83
+ Q 194.11 376.23 193.16 385.39
+ Q 192.11 395.58 190.44 404.27
+ Q 188.81 412.80 187.68 420.64
+ Q 186.25 430.58 185.93 438.85
+ Q 185.57 448.08 186.95 479.73
+ C 187.26 486.66 189.98 492.87 193.36 498.78
+ Q 195.38 502.31 196.49 505.83
+ Q 198.62 512.55 204.58 521.05
+ Q 205.95 523.00 208.25 524.39
+ Q 220.36 531.73 232.56 538.68
+ C 236.91 541.15 241.40 542.95 246.16 544.56
+ C 254.78 547.49 263.73 547.02 272.81 547.08
+ Q 276.89 547.11 280.65 545.84
+ Q 290.40 542.57 298.76 536.51
+ Q 307.86 529.92 311.03 526.78
+ Q 315.40 522.45 319.87 513.50"
+/>
+<path stroke="#d2b81a" vector-effect="non-scaling-stroke" d="
+ M 1142.95 610.71
+ Q 1142.69 609.92 1143.31 609.94"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 1143.31 609.94
+ Q 1143.67 615.31 1145.08 626.24
+ Q 1145.44 629.05 1146.32 631.65
+ Q 1146.49 632.15 1146.61 631.63
+ Q 1151.51 610.57 1159.03 596.80
+ C 1174.68 568.16 1204.36 556.79 1235.97 565.44
+ Q 1237.93 565.97 1239.43 567.45
+ C 1258.28 585.87 1274.67 607.37 1282.81 632.15
+ Q 1282.98 632.65 1283.47 632.46
+ Q 1283.65 632.39 1283.63 632.20
+ Q 1283.61 632.06 1283.53 631.95
+ Q 1283.46 631.84 1283.47 631.71
+ L 1287.46 595.81"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 291.54 685.60
+ Q 290.00 688.28 288.19 690.54
+ C 287.31 691.63 287.00 692.83 286.80 694.16
+ Q 286.64 695.23 286.33 694.19
+ Q 286.21 693.78 286.10 693.38
+ Q 285.89 692.69 285.28 693.07
+ C 279.72 696.59 275.18 695.45 269.22 695.13
+ Q 264.21 694.85 261.73 693.70
+ Q 256.46 691.23 258.96 683.82
+ Q 259.89 681.07 260.75 678.54"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 260.75 678.54
+ Q 267.32 669.81 268.60 661.74"
+/>
+<path stroke="#e9c11a" vector-effect="non-scaling-stroke" d="
+ M 268.60 661.74
+ Q 269.71 655.69 270.82 650.44
+ Q 271.35 647.93 271.51 645.50
+ Q 271.68 642.92 271.83 640.51"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 271.83 640.51
+ Q 272.67 632.41 272.72 621.74
+ Q 272.92 584.84 271.24 552.53
+ Q 271.21 552.02 270.71 552.11
+ Q 261.08 553.76 250.08 553.65"
+/>
+<path stroke="#e9c11a" vector-effect="non-scaling-stroke" d="
+ M 250.08 553.65
+ L 233.20 551.29
+ Q 232.72 551.22 232.37 551.53
+ L 232.03 551.83"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 232.03 551.83
+ Q 228.75 550.69 225.21 550.69
+ Q 224.65 550.69 224.22 551.02
+ Q 203.45 566.96 187.55 589.47
+ Q 183.86 594.70 182.60 599.38
+ C 179.46 611.16 184.04 624.21 191.56 633.43
+ Q 195.41 638.15 198.72 642.70
+ Q 203.45 649.19 214.25 657.20
+ C 223.11 663.78 232.16 670.00 239.88 677.92
+ Q 240.24 678.27 240.31 678.77
+ L 240.83 682.43"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 240.83 682.43
+ Q 241.80 692.24 239.94 700.50
+ Q 239.36 703.07 238.07 706.87"
+/>
+<path stroke="#888c85" vector-effect="non-scaling-stroke" d="
+ M 238.07 706.87
+ Q 236.21 711.80 233.18 715.33"
+/>
+<path stroke="#fb9b66" vector-effect="non-scaling-stroke" d="
+ M 233.18 715.33
+ Q 227.90 713.07 225.25 713.03
+ Q 221.20 712.96 217.05 713.03
+ Q 216.55 713.04 216.16 713.36
+ Q 213.51 715.55 210.94 719.78"
+/>
+<path stroke="#cfd98a" vector-effect="non-scaling-stroke" d="
+ M 210.94 719.78
+ Q 212.58 705.06 211.70 698.00
+ C 210.78 690.66 208.46 684.22 202.71 680.07
+ Q 202.32 679.79 201.81 679.91"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 14.97 488.47
+ Q 20.41 495.90 29.92 493.35
+ C 35.08 491.97 38.69 487.33 35.10 482.09"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 42.05 483.14
+ Q 40.11 486.59 40.25 491.36
+ C 40.33 494.40 41.66 497.69 44.21 499.37
+ Q 49.49 502.84 56.15 503.57
+ Q 62.40 504.25 65.98 503.38
+ Q 76.71 500.78 83.01 496.59
+ Q 90.37 491.70 86.97 483.16"
+/>
+<path stroke="#b7181e" vector-effect="non-scaling-stroke" d="
+ M 174.44 239.62
+ L 171.18 238.91
+ Q 170.70 238.80 170.25 238.98
+ Q 169.13 239.41 167.96 239.69
+ Q 166.73 239.99 165.68 240.50
+ Q 162.73 241.93 159.78 243.47
+ C 157.13 244.84 155.94 248.12 154.01 250.29
+ C 151.74 252.85 149.82 256.39 148.74 259.54
+ Q 146.67 265.58 146.55 259.20
+ C 146.51 256.91 147.03 251.91 145.33 250.13
+ A 1.51 1.50 -26.0 0 0 144.01 249.68
+ Q 140.77 250.14 137.50 251.94
+ Q 137.00 252.21 136.92 252.76
+ Q 136.58 255.11 134.24 255.40
+ C 131.95 255.68 129.84 256.43 127.48 256.49
+ Q 115.28 256.83 104.86 261.90
+ Q 101.72 263.43 103.95 260.73
+ Q 107.42 256.53 111.53 252.78
+ Q 112.35 252.03 113.27 251.60
+ C 114.91 250.83 116.16 249.87 117.93 249.29
+ Q 123.62 247.41 128.61 244.89
+ Q 131.89 243.23 136.64 243.01
+ Q 137.09 242.99 137.04 242.54
+ L 137.01 242.28
+ A 0.61 0.61 0.0 0 0 136.43 241.74
+ Q 129.76 241.55 123.04 241.88
+ Q 122.24 241.92 121.46 241.73
+ Q 119.16 241.17 120.68 240.00"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 338.69 190.80
+ Q 337.38 188.77 336.30 186.93
+ Q 329.54 175.43 317.00 172.38"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 317.00 172.38
+ Q 319.88 167.91 319.01 163.74
+ Q 317.77 157.82 312.21 154.07
+ Q 310.09 152.65 306.81 151.85
+ C 300.76 150.39 295.49 148.52 289.69 152.11
+ Q 285.19 154.88 281.56 158.90
+ C 277.68 163.20 277.87 167.27 277.87 172.67"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 277.87 172.67
+ Q 275.53 172.05 273.84 170.15
+ Q 263.86 158.94 249.92 155.02"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 249.92 155.02
+ Q 264.10 149.66 265.60 135.30
+ C 266.25 129.11 264.44 122.71 260.44 118.06
+ Q 251.00 107.11 237.05 111.46"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 237.05 111.46
+ Q 225.52 113.45 223.54 124.21"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 223.54 124.21
+ Q 219.69 132.59 223.12 141.42
+ Q 226.60 150.36 235.70 154.38"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 235.70 154.38
+ Q 230.77 155.76 226.64 158.13
+ C 214.51 165.13 204.74 172.98 198.06 185.35
+ C 193.08 194.59 188.74 204.43 187.90 214.78
+ C 187.17 223.82 190.01 233.44 197.51 238.96
+ Q 201.99 242.25 206.42 245.87
+ Q 209.71 248.55 214.44 250.92
+ Q 220.71 254.07 227.51 257.06"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 227.51 257.06
+ Q 215.29 254.12 203.48 251.63
+ Q 193.10 249.44 188.27 247.44
+ Q 180.84 244.36 174.44 239.62"
+/>
+<path stroke="#c87929" vector-effect="non-scaling-stroke" d="
+ M 174.44 239.62
+ C 164.39 232.62 154.95 225.56 146.82 216.43
+ Q 138.76 207.36 133.98 192.58"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 308.49 259.33
+ Q 298.19 264.13 287.32 267.54
+ Q 283.15 268.85 278.99 268.85
+ Q 261.72 268.84 245.26 263.24
+ Q 235.99 260.08 227.51 257.06"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 232.03 551.83
+ Q 232.92 552.03 232.95 552.75
+ Q 233.03 554.77 233.20 556.62
+ Q 234.61 572.35 237.54 588.90
+ Q 241.30 610.13 249.88 630.21
+ Q 257.05 646.99 268.60 661.74"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 260.75 678.54
+ Q 250.43 678.87 240.83 682.43"
+/>
+<path stroke="#574800" vector-effect="non-scaling-stroke" d="
+ M 1143.31 609.94
+ L 1142.50 596.04"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 210.94 719.78
+ Q 211.90 722.57 209.71 726.29
+ Q 209.42 726.78 209.41 727.35
+ Q 209.32 731.42 207.65 734.00
+ C 205.71 737.00 205.34 741.68 205.35 745.21"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 205.35 745.21
+ Q 203.11 748.55 199.71 750.70
+ Q 198.68 751.35 197.08 753.98"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 197.08 753.98
+ Q 195.76 753.07 195.83 750.37
+ Q 195.88 748.65 195.38 747.89
+ Q 194.61 746.70 193.24 746.23"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 242.39 718.81
+ L 233.18 715.33"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 282.27 763.85
+ L 275.07 756.62"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 275.07 756.62
+ Q 273.11 755.55 270.91 754.76
+ C 267.40 753.50 264.90 751.07 261.97 748.30
+ C 260.89 747.27 259.40 746.18 257.84 746.21
+ Q 249.75 746.39 242.04 748.00"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 242.04 748.00
+ L 237.72 750.20
+ Q 237.18 750.47 237.76 750.67
+ L 240.93 751.73"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 240.93 751.73
+ Q 243.78 752.50 246.58 753.14
+ C 248.89 753.68 250.44 754.85 252.27 756.16
+ Q 252.66 756.44 253.15 756.45
+ Q 257.96 756.54 263.08 756.47
+ C 266.30 756.42 272.93 760.65 269.36 764.36
+ A 1.44 1.42 -71.8 0 1 268.54 764.78
+ Q 267.23 764.98 265.96 764.67
+ Q 261.86 763.66 257.16 764.16
+ Q 256.50 764.23 256.87 764.79
+ C 258.15 766.69 260.31 767.60 261.91 768.99
+ Q 262.86 769.82 264.29 771.75
+ Q 265.42 773.28 266.73 774.58"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 266.73 774.58
+ Q 268.56 777.63 269.89 779.11
+ C 272.46 781.97 277.89 786.99 272.23 790.33
+ Q 271.76 790.60 271.24 790.45
+ Q 269.22 789.85 268.56 788.42
+ Q 266.97 784.93 264.93 781.65"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 264.93 781.65
+ Q 260.21 774.52 258.50 772.76
+ Q 257.25 771.48 254.70 770.60
+ C 251.98 769.67 250.41 766.82 248.28 764.92
+ A 1.43 1.42 57.4 0 0 246.94 764.62
+ Q 239.48 766.76 233.92 772.43
+ Q 232.53 773.85 225.73 776.34"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 225.73 776.34
+ L 223.65 776.34
+ Q 222.92 776.35 222.97 775.62
+ Q 223.06 774.43 223.56 773.25
+ Q 223.77 772.76 223.63 772.25
+ Q 222.25 767.33 226.65 765.04
+ C 227.71 764.49 228.01 763.48 229.05 762.84
+ Q 232.83 760.53 236.78 758.82"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 236.78 758.82
+ L 239.90 757.66
+ Q 240.38 757.48 239.93 757.22
+ Q 239.17 756.78 238.30 756.60"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 238.30 756.60
+ L 232.78 753.92
+ A 0.90 0.88 43.9 0 0 232.01 753.93
+ Q 225.20 757.37 219.79 761.66
+ C 214.47 765.88 208.22 769.34 202.39 772.96
+ Q 201.86 773.29 202.23 773.79
+ Q 203.81 775.86 205.93 776.77
+ Q 208.81 778.02 211.41 779.90
+ C 212.50 780.69 213.55 780.87 214.88 780.80
+ A 2.23 2.23 0.0 0 1 217.05 783.88
+ Q 216.15 786.04 214.81 788.23
+ A 1.36 1.33 9.6 0 1 213.95 788.83
+ Q 210.25 789.60 207.32 787.50
+ C 205.66 786.30 202.74 785.52 201.71 783.89
+ Q 199.42 780.25 196.19 777.09
+ A 2.02 2.02 0.0 0 0 192.76 778.60
+ Q 192.82 780.29 192.76 782.13
+ C 192.65 785.07 194.36 787.11 194.70 790.01
+ Q 194.93 791.97 195.58 793.93
+ Q 197.11 798.49 196.68 803.81
+ Q 196.64 804.35 196.27 804.77
+ Q 194.27 807.03 191.29 808.32
+ Q 190.46 808.67 189.85 808.01
+ Q 188.23 806.27 188.27 804.24
+ Q 188.36 798.74 188.31 793.39
+ Q 188.29 791.65 188.88 786.66
+ Q 189.31 782.88 188.66 778.97"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 188.66 778.97
+ Q 188.84 778.61 188.80 778.26
+ A 0.75 0.75 0.0 0 0 188.20 777.59
+ L 186.76 777.31
+ Q 186.49 777.26 186.44 777.52
+ Q 186.41 777.66 186.38 777.80
+ Q 186.27 778.28 185.89 778.59
+ Q 183.44 780.55 182.06 783.23
+ A 2.89 2.78 85.3 0 1 181.35 784.10
+ L 180.35 784.93
+ A 0.84 0.83 53.8 0 0 180.19 786.03
+ Q 180.58 786.63 180.28 787.21
+ A 0.83 0.81 -81.2 0 1 179.75 787.61
+ Q 173.53 789.07 168.23 787.98
+ Q 167.51 787.84 167.86 788.48
+ C 168.59 789.81 169.61 790.90 170.08 792.36
+ Q 171.65 797.21 171.80 802.54
+ Q 171.86 804.38 170.01 804.41
+ L 168.62 804.43
+ Q 167.17 804.45 166.91 803.02
+ Q 166.53 800.88 166.60 798.46
+ Q 166.62 797.86 166.35 797.32
+ L 162.57 789.78
+ A 0.86 0.86 0.0 0 0 161.30 789.47
+ Q 158.71 791.32 156.13 791.80"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 197.08 753.98
+ Q 196.12 755.33 196.09 757.00
+ Q 196.08 757.60 196.60 757.31
+ C 201.34 754.67 207.36 754.83 212.67 754.44
+ Q 215.04 754.27 216.86 752.93
+ Q 219.13 751.25 216.31 751.22
+ Q 214.22 751.19 212.00 751.30
+ Q 205.52 751.61 205.35 745.21"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 250.08 553.65
+ Q 248.99 562.06 250.03 570.50
+ C 253.01 594.72 261.39 618.99 271.83 640.51"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 292.48 738.09
+ Q 279.42 737.11 267.00 739.14
+ Q 266.49 739.22 266.11 738.88
+ Q 264.85 737.77 263.11 737.31
+ Q 262.63 737.18 262.38 736.75
+ Q 261.92 735.95 262.51 735.23
+ Q 263.34 734.21 262.04 734.14
+ C 254.74 733.71 254.37 723.13 247.76 720.78
+ Q 244.61 719.66 242.39 718.81"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 242.39 718.81
+ L 238.07 706.87"
+/>
+<path stroke="#f0f6eb" vector-effect="non-scaling-stroke" d="
+ M 249.92 155.02
+ Q 242.32 156.80 235.70 154.38"
+/>
+<path stroke="#747c7f" vector-effect="non-scaling-stroke" d="
+ M 223.54 124.21
+ Q 223.70 131.02 227.83 134.92
+ C 238.71 145.19 256.46 133.75 250.20 119.52
+ Q 247.01 112.27 237.05 111.46"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 317.00 172.38
+ C 311.31 178.31 304.05 183.66 295.37 183.12
+ C 291.29 182.87 286.11 179.91 281.92 178.08
+ Q 277.83 176.29 277.87 172.67"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 263.98 787.27
+ C 255.68 785.71 249.71 785.83 242.28 785.83
+ Q 239.54 785.84 236.86 784.85
+ Q 230.01 782.34 222.93 780.34"
+/>
+<path stroke="#689c85" vector-effect="non-scaling-stroke" d="
+ M 160.13 881.62
+ L 136.22 881.13"
+/>
+<path stroke="#214f80" vector-effect="non-scaling-stroke" d="
+ M 294.55 868.40
+ Q 293.72 868.97 293.67 870.65
+ Q 293.67 870.79 293.57 870.86
+ Q 293.46 870.93 293.32 870.96
+ Q 293.20 870.99 293.16 871.10
+ Q 289.36 881.17 282.23 890.33
+ Q 281.43 891.37 280.38 891.87
+ Q 274.59 894.62 265.98 897.63
+ Q 260.57 899.52 256.55 900.03"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 256.55 900.03
+ Q 256.88 881.35 256.78 875.00
+ C 256.73 871.67 256.02 867.45 256.03 863.66
+ C 256.04 852.12 255.74 840.60 256.44 829.01
+ Q 256.84 822.32 257.17 815.53"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 257.17 815.53
+ C 258.62 816.27 260.15 816.00 260.52 814.23
+ Q 260.92 812.37 259.88 810.61
+ Q 258.78 808.73 257.69 806.85"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 257.69 806.85
+ Q 260.86 800.99 262.47 794.94"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 262.47 794.94
+ C 267.72 794.62 265.41 790.04 263.98 787.27"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 263.98 787.27
+ L 264.93 781.65"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 275.07 756.62
+ Q 271.58 762.52 268.93 768.42
+ Q 267.65 771.27 266.73 774.58"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 240.93 751.73
+ L 242.04 748.00"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 238.30 756.60
+ Q 237.27 757.59 236.78 758.82"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 225.73 776.34
+ L 222.93 780.34"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 222.93 780.34
+ Q 219.98 781.68 220.08 785.46"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 220.08 785.46
+ L 216.83 792.74"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 216.83 792.74
+ Q 212.45 794.95 211.61 796.11
+ Q 208.82 799.90 210.66 804.68"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 210.66 804.68
+ Q 204.99 813.96 202.77 824.57
+ C 201.80 829.20 200.60 833.16 199.00 837.45
+ Q 197.61 841.18 196.90 847.25
+ Q 195.96 855.32 195.97 858.50
+ Q 196.07 875.25 195.98 892.32"
+/>
+<path stroke="#214f80" vector-effect="non-scaling-stroke" d="
+ M 195.98 892.32
+ Q 188.90 889.74 182.82 885.46
+ C 179.82 883.33 177.64 880.52 175.42 877.66
+ Q 175.07 877.21 174.56 877.48
+ Q 169.38 880.24 165.26 881.47
+ Q 163.49 881.99 160.13 881.62"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 160.13 881.62
+ Q 157.81 876.81 156.66 874.04
+ Q 154.04 867.73 153.80 860.50
+ C 153.45 850.22 154.01 839.66 158.31 830.46
+ C 160.27 826.25 162.05 822.04 163.83 817.76
+ Q 165.11 814.70 166.69 813.16
+ Q 178.54 801.64 184.60 791.08
+ Q 187.12 786.70 188.66 778.97"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 262.47 794.94
+ C 258.06 794.35 253.70 792.95 249.12 794.03
+ Q 248.59 794.16 248.90 794.61
+ C 250.33 796.65 252.41 797.62 253.75 799.67
+ Q 255.99 803.08 257.69 806.85"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 257.17 815.53
+ C 252.12 815.33 249.82 813.05 247.55 808.57
+ C 245.14 803.82 239.67 801.05 235.06 798.39
+ Q 234.49 798.06 233.90 798.38
+ Q 229.93 800.52 225.55 801.77
+ Q 223.53 802.35 222.34 804.24
+ A 1.19 1.18 -77.2 0 1 221.49 804.78
+ Q 215.88 805.43 210.66 804.68"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 216.83 792.74
+ C 220.14 791.68 222.87 791.79 226.11 789.49
+ Q 226.42 789.27 226.16 788.99
+ Q 224.46 787.16 223.02 786.89
+ Q 220.92 786.48 220.08 785.46"
+/>
+<path stroke="#88af94" vector-effect="non-scaling-stroke" d="
+ M 256.55 900.03
+ Q 245.70 901.65 234.62 901.56
+ Q 226.62 901.48 218.57 899.53
+ Q 207.00 896.73 195.98 892.32"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 1012.90 507.13
+ A 33.30 33.30 0.0 0 0 979.60 473.83
+ A 33.30 33.30 0.0 0 0 946.30 507.13
+ A 33.30 33.30 0.0 0 0 979.60 540.43
+ A 33.30 33.30 0.0 0 0 1012.90 507.13"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 1079.27 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 504.00
+ A 25.76 25.76 0.0 0 0 1027.75 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 555.52
+ A 25.76 25.76 0.0 0 0 1079.27 529.76"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 943.51 547.86
+ A 25.76 25.76 0.0 0 0 917.75 522.10
+ A 25.76 25.76 0.0 0 0 891.99 547.86
+ A 25.76 25.76 0.0 0 0 917.75 573.62
+ A 25.76 25.76 0.0 0 0 943.51 547.86"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 1059.79 602.86
+ Q 1057.70 585.87 1046.51 574.04
+ C 1017.37 543.23 973.53 561.33 949.72 588.57
+ C 927.15 614.40 913.00 649.77 917.89 684.16
+ C 921.34 708.39 936.09 732.22 962.51 735.28
+ C 975.80 736.81 988.67 733.07 1000.85 726.43
+ Q 1001.84 725.89 1001.28 726.87
+ C 995.06 737.88 990.92 750.34 1003.41 759.08
+ C 1016.57 768.29 1031.69 768.54 1039.59 752.80
+ Q 1087.05 658.29 1135.36 561.88
+ C 1143.61 545.41 1135.70 532.71 1119.47 527.42
+ C 1107.86 523.64 1097.63 528.55 1092.32 539.09
+ Q 1076.40 570.65 1060.26 602.94
+ Q 1059.89 603.66 1059.79 602.86"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 1073.63 377.07
+ C 1065.43 373.50 1054.14 371.00 1045.56 373.70
+ C 1036.21 376.65 1034.76 386.75 1041.12 393.45
+ C 1049.24 402.01 1063.29 404.86 1074.52 403.71
+ C 1079.84 403.16 1085.54 400.75 1087.97 395.65
+ C 1092.06 387.06 1079.91 379.79 1073.63 377.07"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 153.42 93.67
+ L 178.33 72.91
+ A 0.29 0.29 0.0 0 0 178.36 72.51
+ L 178.09 72.18
+ A 23.45 16.45 50.2 0 0 150.45 64.70
+ L 150.37 64.76
+ A 23.45 16.45 50.2 0 0 152.74 93.31
+ L 153.01 93.63
+ A 0.29 0.29 0.0 0 0 153.42 93.67"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 298.93 74.67
+ A 7.05 6.41 0.0 0 0 291.88 68.26
+ A 7.05 6.41 0.0 0 0 284.83 74.67
+ A 7.05 6.41 0.0 0 0 291.88 81.08
+ A 7.05 6.41 0.0 0 0 298.93 74.67"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 227.8813 73.6779
+ A 8.33 5.13 -15.9 0 0 218.4646 71.0263
+ A 8.33 5.13 -15.9 0 0 211.8587 78.2421
+ A 8.33 5.13 -15.9 0 0 221.2754 80.8937
+ A 8.33 5.13 -15.9 0 0 227.8813 73.6779"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 274.5000 90.1078
+ A 4.48 3.85 0.1 0 0 270.0267 86.2500
+ A 4.48 3.85 0.1 0 0 265.5400 90.0922
+ A 4.48 3.85 0.1 0 0 270.0133 93.9500
+ A 4.48 3.85 0.1 0 0 274.5000 90.1078"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 178.7200 106.8000
+ A 3.83 3.17 90.0 0 0 181.8900 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 99.1400
+ A 3.83 3.17 90.0 0 0 175.5500 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 106.8000"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 315.79 117.26
+ Q 309.12 119.09 307.00 126.19"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 307.00 126.19
+ Q 305.27 129.24 304.86 133.27
+ Q 303.99 141.76 308.19 148.48
+ C 311.60 153.93 318.00 157.61 324.55 156.71
+ C 333.09 155.53 338.83 148.02 340.07 139.82
+ C 341.43 130.86 337.72 121.17 329.47 117.06
+ Q 322.59 113.63 315.79 117.26"
+/>
+<path stroke="#747c7f" vector-effect="non-scaling-stroke" d="
+ M 307.00 126.19
+ Q 306.10 133.15 309.99 137.49
+ C 316.27 144.47 325.70 139.75 327.21 131.67
+ C 328.65 123.98 324.03 117.20 315.79 117.26"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 156.5555 155.1664
+ A 8.97 6.41 71.1 0 0 159.7144 144.6037
+ A 8.97 6.41 71.1 0 0 150.7445 138.1936
+ A 8.97 6.41 71.1 0 0 147.5856 148.7563
+ A 8.97 6.41 71.1 0 0 156.5555 155.1664"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 181.9534 158.2300
+ A 3.83 2.52 89.8 0 0 184.4600 154.3912
+ A 3.83 2.52 89.8 0 0 181.9266 150.5700
+ A 3.83 2.52 89.8 0 0 179.4200 154.4088
+ A 3.83 2.52 89.8 0 0 181.9534 158.2300"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 165.21 199.40
+ A 5.13 5.13 0.0 0 0 160.08 194.27
+ A 5.13 5.13 0.0 0 0 154.95 199.40
+ A 5.13 5.13 0.0 0 0 160.08 204.53
+ A 5.13 5.13 0.0 0 0 165.21 199.40"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 849.39 155.61
+ C 835.89 161.63 828.81 175.66 832.76 190.30
+ A 0.38 0.36 -14.6 0 0 833.22 190.56
+ L 888.07 175.09
+ A 0.38 0.37 74.2 0 0 888.33 174.62
+ C 883.28 156.77 866.74 147.87 849.39 155.61"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 891.35 349.92
+ L 946.33 365.48
+ A 0.24 0.24 0.0 0 0 946.62 365.31
+ L 946.93 364.23
+ A 28.25 28.19 -74.2 0 0 927.50 329.37
+ L 926.31 329.03
+ A 28.25 28.19 -74.2 0 0 891.49 348.54
+ L 891.18 349.63
+ A 0.24 0.24 0.0 0 0 891.35 349.92"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 176.7967 316.3900
+ A 3.84 2.53 89.9 0 0 179.3200 312.5456
+ A 3.84 2.53 89.9 0 0 176.7833 308.7100
+ A 3.84 2.53 89.9 0 0 174.2600 312.5544
+ A 3.84 2.53 89.9 0 0 176.7967 316.3900"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 146.5923 353.6700
+ A 7.05 5.77 89.9 0 0 152.3500 346.6099
+ A 7.05 5.77 89.9 0 0 146.5677 339.5700
+ A 7.05 5.77 89.9 0 0 140.8100 346.6301
+ A 7.05 5.77 89.9 0 0 146.5923 353.6700"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 180.0100 363.9600
+ A 4.47 3.17 90.0 0 0 183.1800 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 355.0200
+ A 4.47 3.17 90.0 0 0 176.8400 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 363.9600"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 119.12 422.41
+ Q 135.76 429.60 148.07 443.68
+ Q 148.91 444.64 148.92 443.37
+ Q 148.97 435.47 150.46 428.45
+ Q 151.34 424.30 153.69 417.97
+ Q 159.99 400.99 164.45 387.26
+ Q 169.32 372.22 167.30 357.62
+ A 0.68 0.68 0.0 0 0 166.21 357.17
+ C 159.47 362.32 153.52 367.25 145.32 370.89
+ Q 137.03 374.57 127.86 378.41
+ C 117.93 382.57 109.16 387.92 104.13 397.54
+ C 102.00 401.63 100.99 408.32 104.31 412.19
+ C 108.10 416.60 113.74 420.08 119.12 422.41"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 180.6500 392.2400
+ A 6.40 5.13 90.0 0 0 185.7800 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 379.4400
+ A 6.40 5.13 90.0 0 0 175.5200 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 392.2400"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 88.04 398.70
+ A 3.82 3.82 0.0 0 0 84.22 394.88
+ A 3.82 3.82 0.0 0 0 80.40 398.70
+ A 3.82 3.82 0.0 0 0 84.22 402.52
+ A 3.82 3.82 0.0 0 0 88.04 398.70"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 108.0000 444.9600
+ A 6.40 4.49 90.0 0 0 112.4900 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 432.1600
+ A 6.40 4.49 90.0 0 0 103.5100 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 444.9600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 158.8805 441.9940
+ A 4.47 3.17 114.3 0 0 163.6091 439.2245
+ A 4.47 3.17 114.3 0 0 162.5595 433.8460
+ A 4.47 3.17 114.3 0 0 157.8309 436.6155
+ A 4.47 3.17 114.3 0 0 158.8805 441.9940"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 123.4400 482.2600
+ A 5.77 4.49 90.0 0 0 127.9300 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 470.7200
+ A 5.77 4.49 90.0 0 0 118.9500 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 482.2600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 168.4277 500.2500
+ A 7.05 5.77 90.1 0 0 174.2100 493.2101
+ A 7.05 5.77 90.1 0 0 168.4523 486.1500
+ A 7.05 5.77 90.1 0 0 162.6700 493.1899
+ A 7.05 5.77 90.1 0 0 168.4277 500.2500"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 36.6934 503.6706
+ A 10.25 7.69 -22.3 0 0 24.2920 500.4451
+ A 10.25 7.69 -22.3 0 0 17.7266 511.4494
+ A 10.25 7.69 -22.3 0 0 30.1280 514.6749
+ A 10.25 7.69 -22.3 0 0 36.6934 503.6706"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 109.8178 524.4051
+ A 10.89 8.34 129.4 0 0 123.1746 521.2837
+ A 10.89 8.34 129.4 0 0 123.6422 507.5749
+ A 10.89 8.34 129.4 0 0 110.2854 510.6963
+ A 10.89 8.34 129.4 0 0 109.8178 524.4051"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 65.6329 538.1020
+ A 8.97 5.13 20.3 0 0 58.9998 530.1786
+ A 8.97 5.13 20.3 0 0 48.8071 531.8780
+ A 8.97 5.13 20.3 0 0 55.4402 539.8014
+ A 8.97 5.13 20.3 0 0 65.6329 538.1020"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 193.5100 542.6900
+ A 5.13 3.84 90.0 0 0 197.3500 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 532.4300
+ A 5.13 3.84 90.0 0 0 189.6700 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 542.6900"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 294.4232 574.8299
+ A 5.12 4.49 90.3 0 0 298.9399 569.7335
+ A 5.12 4.49 90.3 0 0 294.4768 564.5901
+ A 5.12 4.49 90.3 0 0 289.9601 569.6865
+ A 5.12 4.49 90.3 0 0 294.4232 574.8299"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 157.8726 614.5204
+ A 7.68 4.49 101.7 0 0 163.8267 607.9105
+ A 7.68 4.49 101.7 0 0 160.9874 599.4796
+ A 7.68 4.49 101.7 0 0 155.0333 606.0895
+ A 7.68 4.49 101.7 0 0 157.8726 614.5204"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 282.3822 635.2489
+ A 10.90 6.41 89.2 0 0 288.6394 624.2605
+ A 10.90 6.41 89.2 0 0 282.0778 613.4511
+ A 10.90 6.41 89.2 0 0 275.8206 624.4395
+ A 10.90 6.41 89.2 0 0 282.3822 635.2489"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 173.5979 646.8300
+ A 5.12 4.49 89.8 0 0 178.0700 641.6943
+ A 5.12 4.49 89.8 0 0 173.5621 636.5900
+ A 5.12 4.49 89.8 0 0 169.0900 641.7257
+ A 5.12 4.49 89.8 0 0 173.5979 646.8300"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 283.4787 685.4099
+ A 4.48 3.83 90.4 0 0 287.3399 680.9567
+ A 4.48 3.83 90.4 0 0 283.5413 676.4501
+ A 4.48 3.83 90.4 0 0 279.6801 680.9033
+ A 4.48 3.83 90.4 0 0 283.4787 685.4099"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 228.2200 690.5778
+ A 4.49 3.84 0.1 0 0 223.7367 686.7300
+ A 4.49 3.84 0.1 0 0 219.2400 690.5622
+ A 4.49 3.84 0.1 0 0 223.7233 694.4100
+ A 4.49 3.84 0.1 0 0 228.2200 690.5778"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 304.0900 347.2500
+ A 5.77 5.13 90.0 0 0 309.2200 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 335.7100
+ A 5.77 5.13 90.0 0 0 298.9600 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 347.2500"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 359.3910 352.3600
+ A 3.16 2.54 89.8 0 0 361.9200 349.1911
+ A 3.16 2.54 89.8 0 0 359.3690 346.0400
+ A 3.16 2.54 89.8 0 0 356.8400 349.2089
+ A 3.16 2.54 89.8 0 0 359.3910 352.3600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 353.5799 438.5199
+ A 3.83 3.16 90.3 0 0 356.7600 434.7065
+ A 3.83 3.16 90.3 0 0 353.6201 430.8601
+ A 3.83 3.16 90.3 0 0 350.4400 434.6735
+ A 3.83 3.16 90.3 0 0 353.5799 438.5199"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 353.6785 491.4037
+ A 11.54 4.49 72.3 0 0 354.4475 479.0449
+ A 11.54 4.49 72.3 0 0 346.6615 469.4163
+ A 11.54 4.49 72.3 0 0 345.8925 481.7751
+ A 11.54 4.49 72.3 0 0 353.6785 491.4037"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 387.65 498.34
+ A 4.48 4.48 0.0 0 0 383.17 493.86
+ A 4.48 4.48 0.0 0 0 378.69 498.34
+ A 4.48 4.48 0.0 0 0 383.17 502.82
+ A 4.48 4.48 0.0 0 0 387.65 498.34"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 395.2258 544.0332
+ A 17.41 11.13 17.7 0 0 382.0239 528.1369
+ A 17.41 11.13 17.7 0 0 362.0542 533.4468
+ A 17.41 11.13 17.7 0 0 375.2561 549.3431
+ A 17.41 11.13 17.7 0 0 395.2258 544.0332"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 749.58 500.79
+ C 748.13 486.48 737.90 476.86 723.19 477.48
+ C 707.62 478.13 695.96 485.83 694.59 502.48
+ Q 694.12 508.13 694.72 515.78
+ Q 701.07 596.97 706.74 674.06
+ C 707.29 681.65 707.82 688.79 711.37 695.72
+ C 717.09 706.90 729.11 709.41 740.55 708.46
+ C 760.98 706.77 769.70 695.32 768.16 675.27
+ Q 764.13 622.43 759.76 564.54
+ C 758.81 551.93 766.77 541.17 777.71 535.55
+ C 784.73 531.94 790.93 531.48 798.97 532.38
+ C 809.27 533.54 820.87 533.08 829.47 526.96
+ C 840.73 518.96 845.33 504.95 841.25 491.73
+ C 835.60 473.41 817.12 467.80 799.94 468.36
+ Q 792.55 468.60 786.54 470.93
+ C 773.07 476.17 757.22 487.42 750.19 500.91
+ Q 749.69 501.87 749.58 500.79"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 1005.65 692.69
+ C 1022.59 683.36 1034.32 662.21 1036.68 643.51
+ C 1038.13 632.02 1035.91 619.09 1026.72 611.73
+ C 1018.15 604.86 1006.99 606.27 998.02 611.92
+ C 983.15 621.29 972.50 638.58 967.93 655.61
+ C 963.87 670.71 965.05 689.02 981.25 695.48
+ C 989.00 698.57 998.37 696.70 1005.65 692.69"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 910.1080 619.1710
+ A 25.09 25.09 0.0 0 0 898.8492 585.5220
+ L 897.8827 585.0401
+ A 25.09 25.09 0.0 0 0 864.2337 596.2989
+ L 803.2920 718.5290
+ A 25.09 25.09 0.0 0 0 814.5508 752.1780
+ L 815.5173 752.6599
+ A 25.09 25.09 0.0 0 0 849.1663 741.4011
+ L 910.1080 619.1710"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 216.74 735.57
+ L 216.54 739.41
+ A 1.73 1.72 -83.1 0 0 217.94 741.20
+ C 221.63 741.88 226.10 739.97 229.43 739.44
+ Q 233.26 738.84 235.99 738.11
+ Q 239.17 737.27 242.49 736.44"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 242.49 736.44
+ Q 243.56 737.00 244.98 736.47
+ Q 247.59 735.49 246.62 732.93
+ Q 245.75 730.63 241.89 728.88"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 241.89 728.88
+ Q 239.48 727.56 236.70 727.28
+ Q 232.72 726.89 231.84 726.69
+ Q 229.43 726.14 227.04 725.59"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 227.04 725.59
+ L 219.67 724.08
+ Q 219.15 723.97 219.05 724.49
+ L 216.74 735.57"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 227.04 725.59
+ C 223.56 729.74 220.80 733.49 216.74 735.57"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 241.89 728.88
+ Q 240.77 732.73 242.49 736.44"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 283.88 750.64
+ Q 285.47 753.00 288.05 754.70
+ Q 292.94 757.92 298.42 761.07
+ C 302.16 763.23 307.60 764.17 308.98 758.65
+ C 310.46 752.70 305.46 748.55 300.47 746.60
+ Q 297.81 745.56 293.71 745.48
+ Q 290.25 745.42 286.72 745.59"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 286.72 745.59
+ L 279.38 745.41
+ Q 277.13 745.35 278.90 746.74
+ L 283.88 750.64"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 286.72 745.59
+ Q 285.87 749.28 283.88 750.64"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 184.98 756.47
+ C 185.63 753.56 185.46 750.83 183.06 749.35
+ Q 180.18 747.56 176.49 747.65
+ Q 175.18 747.68 174.37 746.79
+ Q 173.94 746.32 173.31 746.30
+ L 167.08 746.16
+ A 2.28 2.27 0.7 0 0 164.75 748.42
+ L 164.71 757.69
+ Q 164.70 758.80 165.73 759.25
+ C 168.98 760.65 174.00 760.74 178.03 761.15
+ C 179.49 761.29 180.78 760.80 181.75 759.73
+ Q 183.09 758.26 184.59 757.09
+ Q 184.90 756.85 184.98 756.47"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 179.57 776.35
+ L 181.60 773.77
+ Q 183.25 771.66 180.57 771.75
+ Q 172.17 772.04 168.40 770.23
+ Q 167.15 769.63 167.27 771.01
+ L 167.82 776.97
+ A 2.04 2.03 -89.3 0 0 169.61 778.81
+ Q 172.60 779.17 175.40 778.77
+ A 6.47 6.45 -75.1 0 0 179.57 776.35"
+/>
+</g>
+<path fill="#272727" d="
+ M 1313.00 440.38
+ L 1313.00 447.08
+ Q 1310.62 471.50 1286.49 475.79
+ C 1265.27 479.56 1246.58 470.13 1244.94 446.52
+ Q 1241.70 399.99 1238.75 352.47
+ C 1238.28 344.87 1237.14 337.69 1231.77 332.20
+ C 1224.00 324.27 1210.98 326.44 1205.01 334.95
+ Q 1200.31 341.64 1200.92 350.93
+ Q 1204.17 400.62 1207.27 448.23
+ C 1208.44 466.16 1199.55 479.38 1181.49 482.65
+ C 1158.66 486.78 1141.37 476.51 1139.84 452.52
+ Q 1139.12 441.36 1138.24 428.57
+ Q 1138.18 427.62 1137.93 428.54
+ Q 1135.82 436.14 1133.71 443.24
+ C 1128.37 461.20 1108.98 470.40 1092.13 463.27
+ Q 1078.37 457.44 1074.76 443.11
+ Q 1074.64 442.61 1074.16 442.79
+ C 1040.69 455.19 1000.33 443.86 984.44 410.85
+ Q 984.13 410.20 983.46 410.45
+ C 973.35 414.28 962.42 411.64 952.09 408.71
+ Q 919.65 399.50 885.92 389.96
+ A 0.31 0.30 8.2 0 0 885.53 390.24
+ C 885.32 402.04 893.44 411.63 903.49 417.48
+ Q 915.33 424.39 929.74 420.85
+ C 941.10 418.07 953.64 412.21 965.43 416.12
+ Q 983.92 422.26 982.94 442.04
+ C 982.42 452.52 977.45 461.97 967.97 467.40
+ Q 965.92 468.58 968.20 467.95
+ C 982.94 463.87 998.31 467.85 1008.88 478.75
+ C 1027.09 497.55 1023.02 528.01 1001.24 541.64
+ C 983.44 552.78 960.61 548.80 947.37 532.15
+ Q 946.67 531.27 947.17 532.28
+ Q 952.99 544.13 950.00 555.94
+ C 946.73 568.84 936.19 578.57 923.02 580.66
+ C 902.22 583.97 883.74 567.56 884.53 546.55
+ C 884.98 534.75 891.86 523.74 902.36 518.39
+ C 916.95 510.97 933.73 514.76 943.93 527.36
+ Q 944.47 528.02 944.06 527.27
+ C 934.37 509.42 938.33 488.82 953.73 475.52
+ Q 954.33 475.00 953.60 475.31
+ C 931.70 484.42 907.14 483.91 884.98 476.24
+ Q 844.89 462.36 830.11 424.47
+ C 814.64 384.81 827.76 332.51 857.68 303.15
+ A 0.32 0.32 0.0 0 0 857.51 302.61
+ Q 839.59 299.48 824.09 288.80
+ A 0.26 0.26 0.0 0 0 823.69 288.97
+ Q 822.29 297.26 820.16 304.80
+ Q 803.30 364.49 786.00 425.30
+ C 778.56 451.42 757.27 458.79 732.76 449.45
+ C 713.12 441.96 705.21 424.76 710.88 404.65
+ Q 725.35 353.29 742.15 294.23
+ Q 744.97 284.32 742.83 276.20
+ C 739.56 263.77 728.12 257.24 715.70 260.38
+ C 704.96 263.10 699.29 272.43 696.48 282.38
+ Q 680.62 338.43 665.54 391.36
+ C 661.31 406.22 651.65 417.58 636.10 419.11
+ A 0.57 0.56 -87.2 0 0 635.60 419.57
+ C 630.45 446.78 602.70 458.64 578.42 446.72
+ Q 573.39 444.25 568.19 440.24
+ C 553.62 429.00 537.07 424.12 517.71 425.18
+ C 484.42 427.01 463.72 447.47 454.10 477.60
+ Q 453.90 478.25 454.57 478.30
+ C 456.61 478.46 458.47 478.51 460.24 479.70
+ C 473.62 488.76 474.20 504.97 468.43 519.21
+ C 464.08 529.95 457.73 539.26 450.38 548.02
+ Q 450.00 548.48 450.07 549.07
+ Q 450.36 551.38 450.88 553.79
+ C 458.97 591.20 482.96 625.38 525.37 623.15
+ C 550.87 621.81 571.42 609.87 579.38 584.60
+ Q 582.16 575.78 582.76 568.67
+ Q 582.81 568.06 582.19 568.10
+ Q 557.08 569.99 530.69 572.06
+ C 520.35 572.87 510.60 572.51 501.24 568.29
+ C 488.99 562.76 482.21 551.50 480.19 538.18
+ C 476.65 514.80 485.13 495.43 509.22 489.24
+ Q 516.07 487.48 523.40 486.91
+ Q 566.51 483.60 609.71 480.34
+ C 633.07 478.57 653.27 484.36 662.59 507.76
+ Q 665.34 514.65 666.42 520.75
+ C 678.01 586.12 657.95 657.69 596.42 691.37
+ C 569.15 706.30 536.06 712.18 505.23 709.66
+ Q 446.03 704.84 406.75 661.33
+ C 384.43 636.61 371.27 605.92 363.92 573.18
+ Q 363.79 572.62 363.25 572.39
+ Q 335.07 560.76 327.21 530.74
+ Q 326.76 529.03 326.52 527.07
+ Q 326.29 525.12 325.97 527.06
+ Q 325.16 531.87 323.43 536.26
+ Q 322.20 539.38 321.80 542.71
+ Q 315.70 593.51 307.22 645.64
+ Q 306.24 651.61 304.80 658.01
+ Q 304.70 658.46 305.00 658.81
+ Q 312.56 667.58 315.93 669.98
+ Q 331.99 681.45 349.91 692.15
+ Q 371.18 704.85 396.07 713.81
+ Q 406.61 717.61 416.82 721.77
+ C 447.49 734.28 480.77 743.36 514.92 750.33
+ Q 524.50 752.29 534.40 754.79
+ C 584.36 767.39 635.09 774.95 686.99 782.70
+ Q 715.25 786.92 742.33 789.78
+ Q 815.74 797.55 888.40 803.60
+ Q 897.41 804.36 908.22 804.78
+ Q 943.83 806.17 978.32 805.31
+ Q 988.83 805.05 997.93 803.79
+ C 1036.03 798.51 1074.02 790.88 1106.34 769.07
+ Q 1111.23 765.77 1114.89 761.60
+ C 1137.19 736.18 1148.89 705.91 1145.79 672.19
+ Q 1145.32 667.07 1143.36 659.97
+ Q 1132.13 619.36 1136.32 577.41
+ Q 1136.41 576.53 1136.02 577.32
+ Q 1091.18 666.70 1046.78 755.27
+ C 1036.73 775.33 1017.37 777.67 999.77 765.66
+ Q 986.28 756.45 987.96 740.85
+ Q 988.05 740.05 987.27 740.28
+ C 966.78 746.62 945.40 742.50 930.46 727.64
+ C 914.16 711.42 908.30 687.25 909.55 664.73
+ C 911.66 626.91 933.31 586.75 965.02 565.22
+ C 984.10 552.27 1008.60 545.86 1030.44 554.27
+ Q 1031.50 554.68 1030.64 553.94
+ C 1023.69 547.97 1020.11 537.66 1020.29 529.04
+ C 1020.69 509.39 1038.18 494.15 1057.80 496.81
+ C 1075.95 499.27 1087.86 514.70 1086.64 533.17
+ Q 1086.58 534.08 1087.06 533.31
+ C 1096.05 518.85 1111.03 515.20 1125.98 521.89
+ C 1134.27 525.60 1141.29 531.22 1144.58 539.79
+ Q 1144.88 540.58 1145.17 539.78
+ C 1150.25 525.45 1157.80 511.86 1169.54 501.90
+ C 1189.31 485.12 1214.30 481.16 1239.62 488.67
+ Q 1241.80 489.31 1243.36 490.80
+ Q 1261.54 508.21 1274.70 528.21
+ Q 1294.30 557.99 1295.25 591.60
+ Q 1295.49 600.09 1294.27 611.73
+ C 1292.48 628.97 1290.55 644.70 1286.17 660.12
+ Q 1282.35 673.59 1275.12 691.98
+ Q 1271.14 702.10 1266.47 709.78
+ C 1246.74 742.20 1216.53 765.00 1185.05 785.75
+ Q 1176.32 791.50 1167.99 795.95
+ C 1136.16 812.97 1100.31 824.65 1065.23 830.39
+ Q 1058.15 831.55 1051.12 833.40
+ Q 1033.60 838.01 1014.52 840.00
+ C 978.68 843.73 942.17 842.57 905.64 840.82
+ Q 896.00 840.36 886.03 839.23
+ Q 848.47 834.98 811.70 831.99
+ Q 760.17 827.81 706.03 818.83
+ Q 677.80 814.15 649.12 809.32
+ Q 639.00 807.62 629.35 806.22
+ C 572.69 798.03 516.72 784.83 462.52 767.80
+ Q 453.53 764.98 443.55 761.46
+ Q 400.04 746.15 372.77 734.76
+ Q 350.46 725.45 321.29 708.10
+ Q 320.73 707.77 320.84 708.41
+ Q 321.93 715.10 321.03 722.34
+ Q 320.98 722.75 320.73 723.08
+ Q 315.40 729.85 308.64 734.65
+ Q 308.06 735.06 308.75 735.22
+ C 316.35 737.00 320.65 741.86 326.04 746.95
+ Q 327.75 748.57 328.36 750.85
+ Q 331.81 763.82 325.06 774.11
+ Q 323.32 776.78 319.84 778.15
+ Q 319.23 778.39 319.60 778.93
+ Q 322.20 782.73 324.18 786.06
+ Q 325.55 788.36 327.92 791.36
+ C 331.00 795.26 331.73 800.41 333.23 805.10
+ C 334.96 810.52 334.73 815.39 330.82 819.66
+ C 324.01 827.09 312.63 825.05 308.73 815.74
+ Q 306.36 810.08 304.14 804.52
+ C 302.93 801.49 300.92 797.26 298.81 795.19
+ Q 293.26 789.78 289.69 784.59
+ Q 288.92 783.48 289.19 784.80
+ Q 290.31 790.25 291.00 796.07
+ C 292.19 806.02 296.36 814.11 299.82 823.31
+ C 305.03 837.19 303.09 852.81 302.34 867.43
+ Q 302.08 872.70 301.40 875.53
+ C 299.20 884.77 294.04 893.60 288.03 901.18
+ Q 286.61 902.96 284.21 904.12
+ Q 275.99 908.07 269.76 910.26
+ Q 257.68 914.50 243.16 915.00
+ L 228.90 915.00
+ Q 207.97 912.06 188.54 903.16
+ Q 180.56 899.50 174.35 894.00
+ Q 173.90 893.60 173.34 893.82
+ C 171.91 894.38 170.46 895.21 168.93 895.18
+ Q 153.35 894.85 136.40 894.52
+ A 1.12 1.09 -14.8 0 1 135.50 894.01
+ Q 133.17 890.31 130.70 886.65
+ Q 125.80 879.39 122.35 870.87
+ Q 118.29 860.84 119.01 849.75
+ Q 119.82 837.29 120.31 825.05
+ Q 120.33 824.54 120.61 824.11
+ Q 128.55 812.13 137.62 798.28
+ C 140.31 794.18 144.09 791.06 147.95 788.23
+ A 0.95 0.94 -27.0 0 0 148.29 787.19
+ C 146.06 780.36 144.57 773.53 149.65 767.54
+ Q 149.99 767.14 149.94 766.61
+ Q 149.21 759.86 149.63 752.73
+ C 149.84 749.20 151.07 745.60 151.95 742.12
+ C 152.92 738.26 155.84 735.92 158.81 733.45
+ Q 159.31 733.03 158.80 732.62
+ Q 153.38 728.17 150.98 723.91
+ C 145.64 714.45 153.90 701.56 160.53 693.94
+ C 164.77 689.08 170.88 685.07 175.92 680.83
+ A 0.30 0.30 0.0 0 1 176.41 681.01
+ L 177.62 688.50
+ Q 177.74 689.22 178.23 688.67
+ Q 182.09 684.39 186.88 680.79
+ A 0.33 0.32 -50.6 0 0 186.83 680.24
+ C 161.23 667.24 135.37 646.22 133.98 615.68
+ C 133.16 597.49 141.80 579.59 151.86 565.01
+ Q 155.15 560.23 156.94 555.89
+ Q 160.69 546.73 163.09 538.51
+ A 1.83 1.80 46.6 0 0 163.11 537.52
+ Q 161.15 529.78 159.35 522.86
+ Q 157.06 514.12 152.04 505.75
+ Q 151.63 505.07 151.42 505.83
+ C 150.03 510.92 148.21 517.27 144.97 521.53
+ C 133.19 537.00 118.24 544.65 99.61 552.29
+ Q 88.62 556.80 80.51 558.00
+ Q 69.55 559.62 60.07 558.35
+ Q 49.40 556.92 39.46 555.03
+ C 20.90 551.49 6.61 536.29 1.27 518.51
+ Q 0.58 516.21 0.00 510.13
+ L 0.00 507.41
+ Q 0.63 496.20 6.65 487.01
+ C 7.86 485.15 7.31 483.54 8.11 481.72
+ C 13.01 470.66 27.06 468.39 36.99 474.24
+ Q 40.17 476.11 43.08 474.18
+ Q 43.52 473.90 44.03 473.87
+ Q 52.85 473.45 61.30 473.00
+ C 66.54 472.73 71.51 471.26 76.66 471.27
+ Q 77.37 471.27 76.99 470.67
+ Q 73.28 464.93 67.69 458.66
+ Q 64.72 455.34 60.96 452.22
+ Q 49.08 442.36 46.94 424.58
+ C 45.63 413.66 48.14 400.08 55.41 391.23
+ C 65.12 379.39 79.36 371.98 91.85 363.32
+ C 96.22 360.29 99.77 356.23 103.86 352.87
+ Q 115.63 343.20 128.80 333.44
+ Q 139.14 325.77 144.30 312.71
+ Q 145.79 308.96 148.01 305.27
+ Q 152.84 297.24 158.44 290.25
+ Q 158.84 289.75 158.26 289.48
+ Q 152.04 286.49 147.67 283.40
+ Q 144.74 281.33 143.30 277.15
+ Q 143.08 276.51 142.50 276.83
+ C 134.74 281.09 129.35 286.99 123.17 292.79
+ C 114.34 301.09 103.86 304.75 91.48 302.79
+ Q 81.70 301.25 74.63 297.38
+ Q 66.01 292.65 58.73 288.94
+ C 56.62 287.86 54.50 288.67 52.38 287.62
+ C 46.65 284.79 46.28 277.16 51.99 274.14
+ C 54.61 272.75 58.50 273.80 60.59 271.75
+ Q 63.59 268.82 65.22 266.01
+ C 70.30 257.27 73.32 247.25 82.79 242.26
+ Q 86.91 240.09 91.27 237.72
+ Q 95.61 235.37 100.86 234.70
+ Q 101.58 234.60 101.17 234.01
+ Q 96.99 227.87 96.63 221.55
+ Q 96.30 215.74 96.12 208.84
+ Q 95.73 193.58 100.24 180.21
+ Q 101.88 175.37 102.76 171.63
+ C 104.14 165.79 106.95 160.75 113.87 162.21
+ C 119.10 163.32 121.18 170.02 123.02 174.26
+ Q 123.18 174.63 123.16 174.22
+ Q 122.31 158.61 122.90 146.45
+ C 123.60 131.72 127.80 116.84 133.38 102.87
+ Q 133.58 102.35 133.43 101.82
+ C 130.21 90.58 127.74 78.15 129.59 66.80
+ C 132.16 50.92 147.94 43.99 163.00 45.39
+ Q 175.75 46.57 185.22 52.82
+ C 192.46 57.59 198.57 51.81 205.04 49.36
+ C 219.74 43.79 235.48 40.99 250.83 42.50
+ Q 257.30 43.14 263.58 43.87
+ Q 275.17 45.22 287.23 49.82
+ A 1.01 0.99 37.6 0 0 288.16 49.71
+ Q 294.85 45.02 303.48 44.42
+ C 315.44 43.58 320.14 53.69 321.42 63.70
+ A 1.50 1.47 17.8 0 0 321.90 64.61
+ Q 331.07 72.79 338.35 80.97
+ Q 340.26 83.12 341.68 85.67
+ Q 346.41 94.13 350.89 103.66
+ Q 352.50 107.08 352.99 110.72
+ C 355.09 126.13 357.54 139.88 354.61 155.13
+ Q 351.09 173.44 346.72 190.07
+ Q 346.62 190.45 346.77 190.81
+ Q 352.14 204.46 350.22 218.70
+ C 349.31 225.41 347.61 233.39 344.17 239.13
+ C 338.14 249.19 327.80 257.09 317.81 262.84
+ Q 317.31 263.13 317.35 263.70
+ C 317.95 271.57 315.19 279.46 311.88 286.63
+ Q 311.62 287.20 312.03 287.67
+ Q 316.85 293.25 314.20 300.76
+ C 312.15 306.57 306.64 311.76 301.80 315.61
+ Q 301.25 316.05 301.93 316.25
+ Q 315.90 320.25 328.77 322.72
+ C 336.47 324.19 344.79 325.07 352.56 323.96
+ C 362.45 322.54 372.13 320.87 382.12 320.70
+ Q 382.77 320.69 382.47 320.12
+ C 347.11 252.24 360.76 165.12 404.60 104.52
+ C 419.68 83.68 438.94 65.57 461.15 53.19
+ Q 504.41 29.07 554.15 34.59
+ C 600.82 39.77 642.44 62.04 668.99 100.65
+ Q 669.43 101.29 669.84 100.62
+ C 677.76 87.50 691.02 82.53 705.94 85.25
+ C 732.19 90.05 745.75 108.31 738.30 134.76
+ Q 728.70 168.88 718.91 203.21
+ Q 718.71 203.91 719.38 203.63
+ C 738.57 195.57 757.24 193.85 776.95 201.25
+ Q 777.57 201.48 777.53 200.82
+ C 775.31 163.03 790.80 127.82 825.44 111.28
+ C 841.11 103.79 861.26 100.18 878.82 102.46
+ C 914.21 107.05 936.05 133.60 945.75 166.34
+ C 950.20 181.34 948.22 194.57 933.49 202.20
+ Q 926.94 205.59 918.07 208.12
+ Q 883.53 217.93 850.00 227.39
+ Q 849.37 227.57 849.72 228.13
+ C 855.49 237.54 866.48 241.57 877.28 241.73
+ C 889.72 241.91 898.88 236.25 906.75 227.26
+ Q 910.94 222.47 915.59 217.60
+ C 928.74 203.83 950.56 202.30 959.96 221.48
+ C 963.81 229.33 965.41 238.18 962.06 246.36
+ Q 953.79 266.52 938.26 279.86
+ Q 937.71 280.32 938.40 280.50
+ C 969.56 288.66 994.34 307.79 1001.85 340.18
+ Q 1002.01 340.84 1002.53 340.42
+ C 1032.50 316.87 1072.57 323.41 1100.94 345.73
+ A 0.24 0.24 0.0 0 0 1101.32 345.62
+ Q 1103.77 338.76 1101.19 332.68
+ C 1096.10 320.67 1083.02 313.70 1070.22 312.19
+ C 1054.52 310.34 1032.62 309.96 1023.78 294.22
+ Q 1023.51 293.75 1022.97 293.67
+ C 983.03 287.94 969.78 250.49 962.93 216.11
+ Q 954.26 172.57 945.08 127.03
+ Q 944.96 126.42 944.34 126.43
+ C 924.15 126.89 911.18 114.83 910.04 94.73
+ C 909.17 79.39 918.18 69.20 931.79 63.48
+ Q 932.39 63.23 932.24 62.59
+ Q 930.02 53.46 929.56 47.97
+ Q 927.46 22.77 948.53 12.75
+ Q 959.96 7.32 974.02 7.62
+ C 992.32 8.01 1003.26 21.06 1006.74 38.01
+ Q 1007.57 42.05 1008.38 46.21
+ Q 1008.50 46.86 1009.15 46.72
+ C 1018.68 44.60 1028.68 42.32 1038.17 43.30
+ C 1055.79 45.12 1062.94 58.87 1064.88 74.77
+ C 1066.48 87.84 1062.34 98.69 1050.22 104.92
+ C 1041.60 109.36 1031.77 111.01 1022.27 112.77
+ Q 1021.79 112.86 1021.89 113.34
+ Q 1031.35 160.92 1040.87 207.74
+ Q 1041.77 212.16 1043.69 216.79
+ A 0.91 0.91 0.0 0 0 1044.70 217.33
+ C 1060.84 214.24 1076.95 217.10 1085.96 231.62
+ Q 1092.40 242.01 1092.66 256.39
+ Q 1092.67 256.98 1093.24 257.12
+ Q 1111.86 261.79 1127.53 271.68
+ A 0.27 0.27 0.0 0 0 1127.94 271.44
+ Q 1126.36 247.40 1125.04 226.89
+ C 1123.76 207.11 1134.30 193.18 1154.32 191.16
+ C 1176.03 188.97 1190.89 200.32 1192.42 222.46
+ Q 1194.42 251.48 1196.25 280.51
+ A 0.35 0.35 0.0 0 0 1196.84 280.74
+ Q 1212.13 267.06 1230.84 264.50
+ Q 1241.46 263.04 1250.86 264.74
+ C 1286.68 271.24 1303.81 300.56 1305.98 334.75
+ Q 1309.33 387.56 1313.00 440.38
+ Z
+ M 996.13 358.22
+ Q 996.35 356.52 996.13 353.26
+ C 994.66 331.25 984.35 312.92 966.37 300.81
+ C 952.34 291.36 934.78 285.69 918.03 285.21
+ Q 917.93 285.03 918.13 284.71
+ Q 918.26 284.52 918.46 284.41
+ Q 943.86 270.71 954.96 243.99
+ C 958.07 236.52 955.60 227.64 951.17 221.36
+ C 945.71 213.63 936.02 212.93 928.13 217.32
+ Q 923.46 219.92 919.80 224.01
+ Q 914.74 229.68 909.74 234.96
+ Q 894.58 251.03 873.12 248.98
+ C 857.17 247.47 843.89 238.82 839.41 223.11
+ Q 839.26 222.59 839.77 222.45
+ Q 875.32 212.48 913.95 201.53
+ C 928.16 197.50 943.87 192.64 939.77 173.49
+ Q 936.75 159.39 929.02 145.62
+ C 915.01 120.66 891.00 107.31 861.76 109.55
+ Q 844.70 110.87 829.83 117.52
+ C 792.27 134.33 779.50 175.83 786.70 214.14
+ Q 763.59 200.54 738.96 205.21
+ C 728.17 207.26 717.26 212.28 707.90 218.43
+ Q 706.56 219.31 707.00 217.77
+ Q 719.33 174.34 731.14 132.56
+ C 736.82 112.47 728.42 98.84 708.75 93.55
+ C 692.44 89.16 679.12 94.57 673.15 110.80
+ Q 671.91 114.16 670.49 117.73
+ C 669.11 115.31 668.00 112.87 666.53 110.54
+ Q 637.50 64.49 584.47 48.47
+ Q 555.93 39.84 527.76 41.31
+ C 473.59 44.13 427.78 77.96 400.56 124.26
+ C 364.87 184.97 356.28 267.04 396.08 328.29
+ Q 396.35 328.71 396.39 329.20
+ L 396.44 329.76
+ Q 384.02 327.02 371.23 328.82
+ Q 361.92 330.12 352.99 331.40
+ C 343.53 332.75 333.45 331.39 324.15 329.46
+ Q 311.84 326.91 290.90 321.11
+ Q 288.57 320.46 283.33 317.37
+ Q 283.35 317.69 283.01 317.11
+ Q 283.80 316.78 286.09 316.14
+ C 292.76 314.27 298.49 309.20 303.87 303.45
+ C 306.85 300.25 310.04 294.68 305.08 291.37
+ Q 304.00 290.66 302.81 290.09
+ Q 302.25 289.83 302.51 289.27
+ C 306.32 281.11 312.90 268.31 308.49 259.33
+ Q 321.27 253.06 331.52 243.28
+ Q 337.94 237.16 340.69 227.74
+ Q 346.40 208.24 338.69 190.80
+ Q 343.83 172.12 347.27 153.41
+ Q 348.52 146.59 348.57 141.52
+ C 348.65 131.67 346.96 122.46 345.71 112.76
+ Q 345.28 109.40 343.90 106.43
+ Q 340.24 98.55 336.04 90.87
+ Q 333.70 86.59 329.86 82.70
+ Q 322.31 75.03 314.76 68.15
+ Q 314.33 67.77 314.30 67.20
+ Q 313.94 61.64 311.61 56.28
+ Q 309.45 51.31 303.76 51.87
+ Q 294.77 52.75 289.75 58.36
+ Q 289.36 58.79 288.82 58.56
+ Q 275.70 52.81 262.82 51.32
+ Q 247.47 49.54 242.90 49.56
+ Q 227.20 49.62 210.11 55.53
+ C 202.70 58.09 195.73 63.74 187.54 61.83
+ Q 184.18 61.04 180.71 58.85
+ C 170.19 52.21 153.57 49.54 142.85 57.85
+ Q 137.05 62.35 136.60 70.99
+ C 136.07 81.40 138.23 91.94 141.30 101.95
+ Q 141.47 102.50 141.27 103.03
+ C 136.82 114.76 132.97 126.09 131.17 138.57
+ C 129.69 148.85 130.02 160.41 130.56 171.25
+ Q 131.09 182.02 133.98 192.58
+ Q 125.72 189.94 120.26 183.69
+ C 117.21 180.19 115.86 175.88 114.01 171.73
+ C 113.61 170.84 112.88 170.05 112.32 169.24
+ A 0.57 0.57 0.0 0 0 111.39 169.23
+ Q 110.30 170.75 110.08 172.51
+ C 109.68 175.68 108.30 178.67 107.27 181.69
+ Q 104.12 190.96 103.41 202.01
+ Q 103.02 208.16 103.57 212.00
+ Q 103.98 214.87 103.74 217.43
+ Q 103.43 220.70 104.12 223.37
+ Q 107.21 235.31 120.68 240.00
+ Q 110.48 241.30 101.99 241.95
+ Q 98.04 242.24 92.63 245.55
+ Q 90.04 247.13 87.38 248.31
+ C 81.29 250.99 77.74 257.62 75.13 263.37
+ Q 71.36 271.65 65.52 277.71
+ C 63.88 279.40 60.73 280.13 58.50 280.35
+ Q 57.53 280.45 58.43 280.80
+ Q 65.82 283.73 75.97 289.61
+ Q 86.29 295.59 98.40 295.85
+ C 105.94 296.02 113.69 291.76 118.87 286.63
+ C 126.45 279.12 133.50 272.20 143.62 268.11
+ C 144.93 267.58 145.75 266.86 146.75 265.89
+ A 1.09 1.09 0.0 0 1 148.58 266.47
+ C 149.09 269.15 149.82 276.06 152.09 277.42
+ Q 156.29 279.95 160.81 282.44
+ Q 163.57 283.97 173.33 286.09
+ C 165.52 292.45 160.26 299.84 154.94 308.24
+ Q 152.74 311.72 151.04 316.09
+ C 146.81 326.94 139.69 334.80 129.92 342.08
+ C 121.53 348.32 112.98 354.61 105.53 361.51
+ Q 99.10 367.47 94.87 370.39
+ Q 86.77 375.99 78.72 381.00
+ C 71.35 385.59 63.26 391.92 59.07 399.17
+ C 50.55 413.91 52.80 435.68 65.99 446.61
+ Q 69.03 449.14 71.96 452.26
+ C 79.69 460.52 86.62 469.39 88.74 480.76
+ Q 88.83 481.27 88.56 481.70
+ Q 87.92 482.73 86.97 483.16
+ Q 82.80 477.41 73.95 478.90
+ Q 67.41 480.01 63.51 480.31
+ Q 55.28 480.95 46.93 481.21
+ C 45.02 481.27 43.78 482.31 42.05 483.14
+ L 35.10 482.09
+ Q 27.61 475.98 19.00 480.22
+ Q 13.96 482.70 14.97 488.47
+ C 5.47 500.31 5.50 514.46 13.09 527.08
+ C 19.09 537.05 28.96 545.34 39.84 547.45
+ C 52.87 549.97 66.16 552.69 79.48 550.60
+ Q 86.69 549.46 95.90 545.67
+ C 112.65 538.76 128.50 531.60 139.41 516.34
+ C 140.73 514.50 141.46 512.36 142.13 510.23
+ Q 145.24 500.36 148.04 493.59
+ Q 149.19 490.81 151.52 488.92
+ A 0.41 0.40 57.2 0 1 152.14 489.06
+ Q 156.86 498.61 161.73 507.98
+ Q 164.32 512.96 165.74 518.05
+ Q 168.34 527.35 170.83 537.46
+ Q 171.03 538.30 170.78 539.14
+ Q 167.75 549.28 163.67 559.28
+ Q 161.84 563.77 158.98 567.82
+ C 150.41 579.98 142.63 595.04 141.55 609.91
+ C 139.44 638.99 164.22 659.93 187.29 672.02
+ C 192.16 674.58 197.22 676.38 201.87 679.35
+ A 0.28 0.28 0.0 0 1 201.99 679.69
+ Q 201.93 679.87 201.81 679.91
+ Q 190.45 686.00 183.03 694.52
+ Q 180.93 696.93 179.95 700.51
+ Q 179.51 702.09 178.12 702.80
+ C 173.77 705.01 171.62 697.95 171.08 694.89
+ Q 170.93 694.04 170.29 694.62
+ C 165.45 699.09 152.50 714.26 158.11 721.29
+ C 162.44 726.72 167.75 730.18 174.26 733.72
+ Q 182.40 738.14 191.13 742.64
+ C 192.86 743.53 192.42 744.83 193.24 746.23
+ Q 187.30 742.75 180.72 740.98
+ Q 179.15 740.56 174.75 740.11
+ Q 171.58 739.78 168.76 739.36
+ Q 167.07 739.10 165.14 739.17
+ Q 163.64 739.22 162.30 740.25
+ Q 159.92 742.09 159.37 743.68
+ Q 155.39 755.12 157.83 767.22
+ C 158.81 772.09 154.58 771.21 153.91 774.93
+ Q 153.36 777.97 154.32 781.12
+ A 0.96 0.93 6.6 0 0 154.79 781.69
+ L 159.41 784.07
+ A 0.46 0.46 0.0 0 1 159.34 784.92
+ Q 154.47 786.58 156.13 791.80
+ Q 152.10 794.23 148.58 797.28
+ Q 145.31 800.12 142.70 804.16
+ Q 135.42 815.42 128.16 826.23
+ Q 127.83 826.72 127.80 827.31
+ Q 127.18 838.91 126.51 850.50
+ Q 126.05 858.30 128.07 864.71
+ Q 130.77 873.30 136.22 881.13
+ Q 137.93 883.28 139.00 885.37
+ Q 139.50 886.37 140.03 886.66
+ Q 140.79 887.07 141.71 887.08
+ Q 153.69 887.25 165.61 887.45
+ C 166.94 887.48 167.84 887.76 169.22 887.26
+ Q 172.53 886.06 175.68 884.76
+ Q 176.22 884.54 176.55 885.02
+ C 180.40 890.60 187.26 894.51 193.41 897.17
+ Q 204.15 901.81 218.00 905.46
+ Q 225.72 907.51 233.46 907.55
+ Q 246.44 907.63 255.70 906.16
+ Q 265.29 904.64 278.86 898.36
+ Q 281.67 897.07 283.25 895.06
+ C 288.03 889.01 291.69 882.03 293.83 874.82
+ C 294.46 872.69 294.41 870.64 294.55 868.40
+ Q 294.81 863.36 295.31 858.31
+ C 296.43 846.91 296.77 834.51 292.54 824.59
+ Q 288.77 815.73 286.30 808.56
+ Q 284.77 804.13 284.13 799.26
+ Q 283.35 793.27 282.94 791.16
+ Q 282.19 787.33 281.70 783.25
+ C 281.53 781.84 281.06 780.66 280.96 779.22
+ Q 280.42 771.53 282.27 763.85
+ Q 288.32 771.38 294.65 778.55
+ C 295.82 779.88 296.54 781.61 297.73 782.95
+ Q 300.68 786.26 303.95 789.76
+ C 309.86 796.07 312.05 804.27 315.12 811.72
+ C 316.62 815.35 318.75 817.73 322.75 816.32
+ C 326.50 815.00 327.46 811.60 326.25 807.94
+ C 324.88 803.79 324.17 797.81 321.09 794.78
+ Q 319.44 793.16 318.64 791.45
+ C 317.06 788.05 314.45 784.83 312.50 781.75
+ C 311.30 779.85 310.69 777.64 309.66 775.60
+ A 1.78 1.78 0.0 0 1 310.75 773.09
+ C 313.23 772.36 317.87 771.72 319.23 769.41
+ Q 323.09 762.81 321.65 754.85
+ Q 321.31 752.99 319.95 751.56
+ Q 315.82 747.22 312.30 744.73
+ C 309.83 742.97 306.84 742.64 304.03 741.42
+ Q 298.31 738.93 292.48 738.09
+ Q 294.49 736.63 296.44 734.64
+ Q 298.71 732.35 300.52 731.14
+ C 305.30 727.93 309.45 724.85 313.35 720.27
+ Q 313.67 719.89 313.73 719.40
+ C 314.48 712.61 313.62 704.55 308.40 699.81
+ C 302.98 694.88 298.01 689.73 291.54 685.60
+ L 293.80 680.29
+ Q 294.04 679.71 294.54 680.10
+ Q 305.55 688.68 314.70 694.78
+ Q 344.74 714.83 376.17 727.90
+ Q 406.21 740.39 438.84 751.89
+ Q 473.61 764.15 508.83 773.45
+ Q 518.81 776.08 528.18 778.48
+ Q 576.36 790.81 624.78 797.93
+ C 673.27 805.06 723.35 815.17 768.04 820.15
+ Q 793.04 822.94 814.04 824.68
+ Q 852.83 827.89 888.09 831.89
+ Q 898.20 833.04 907.99 833.45
+ C 941.80 834.88 975.35 836.01 1009.00 833.06
+ Q 1029.74 831.25 1048.50 826.32
+ Q 1056.41 824.24 1063.56 823.07
+ C 1098.40 817.35 1133.34 805.96 1164.91 789.14
+ C 1176.28 783.09 1187.13 775.32 1197.98 767.82
+ C 1222.52 750.83 1245.13 730.73 1260.23 705.61
+ C 1266.75 694.78 1271.36 681.26 1275.56 669.04
+ Q 1282.54 648.75 1285.25 624.64
+ Q 1286.62 612.55 1287.74 601.50
+ C 1287.93 599.61 1287.70 597.70 1287.46 595.81
+ C 1287.12 591.95 1287.66 587.87 1287.33 584.39
+ C 1284.10 550.34 1263.74 520.98 1239.63 497.70
+ C 1238.85 496.94 1238.41 496.11 1237.24 495.77
+ C 1209.69 487.72 1182.19 494.70 1164.63 518.16
+ Q 1156.76 528.67 1151.32 544.77
+ Q 1142.79 569.98 1142.79 595.98
+ Q 1142.79 596.01 1142.76 596.01
+ Q 1142.63 596.03 1142.50 596.04
+ Q 1142.35 595.94 1142.37 595.64
+ Q 1142.38 595.63 1142.38 595.61
+ Q 1142.39 595.59 1142.41 595.61
+ Q 1142.44 595.62 1142.43 595.66
+ Q 1141.96 603.21 1142.95 610.71
+ C 1143.30 613.76 1143.22 616.78 1143.52 619.81
+ Q 1145.52 639.98 1150.73 658.58
+ Q 1152.80 666.00 1153.31 671.82
+ C 1156.40 707.64 1144.20 739.17 1120.94 766.11
+ Q 1116.55 771.20 1111.04 774.92
+ C 1089.83 789.24 1066.62 798.14 1041.56 803.72
+ Q 1020.92 808.31 998.42 811.30
+ Q 988.90 812.56 978.64 812.80
+ Q 942.93 813.62 907.93 812.30
+ Q 897.64 811.91 888.53 811.15
+ Q 816.48 805.12 742.00 797.28
+ Q 720.06 794.97 700.09 792.12
+ Q 653.29 785.44 608.49 777.84
+ C 579.65 772.94 553.69 767.30 527.48 760.84
+ Q 518.63 758.66 508.21 756.54
+ C 476.16 750.02 443.39 740.92 413.07 728.34
+ Q 404.97 724.99 394.39 721.21
+ Q 363.83 710.29 335.76 692.29
+ Q 322.58 683.83 310.74 675.63
+ A 9.00 8.88 -4.2 0 1 309.26 674.37
+ L 296.92 661.38
+ Q 296.52 660.96 296.64 660.40
+ C 298.04 653.80 299.36 647.33 300.45 640.56
+ Q 308.45 590.89 314.49 540.95
+ Q 314.84 538.00 316.18 534.41
+ Q 319.80 524.64 319.87 513.50
+ Q 320.53 509.06 320.45 503.75
+ Q 320.27 491.99 319.27 480.27
+ C 318.92 476.16 319.16 471.57 318.84 468.04
+ Q 317.68 454.88 313.80 440.05
+ Q 308.01 417.90 298.84 399.08
+ C 296.98 395.27 294.76 391.84 292.61 388.16
+ Q 285.64 376.25 285.71 362.00
+ Q 285.74 355.81 285.60 349.89
+ C 287.95 346.87 291.43 348.77 294.30 349.42
+ Q 306.79 352.25 320.02 354.67
+ Q 340.57 358.44 359.38 357.83
+ Q 361.80 357.75 363.27 359.06
+ C 367.35 362.68 364.79 369.14 362.35 372.99
+ Q 356.76 381.80 353.08 389.62
+ C 350.89 394.26 349.51 399.27 347.66 404.00
+ C 341.08 420.82 337.39 439.00 335.44 458.35
+ Q 333.73 475.25 333.44 489.42
+ Q 333.19 501.72 333.55 519.91
+ Q 333.69 526.82 335.22 531.74
+ Q 340.65 549.26 355.09 559.67
+ Q 361.88 564.57 370.30 566.48
+ C 381.15 626.57 418.61 682.56 480.45 697.99
+ Q 522.99 708.60 567.45 695.53
+ Q 577.13 692.68 586.44 688.12
+ C 644.24 659.78 666.47 600.25 661.23 537.95
+ C 659.37 515.82 654.13 492.56 627.93 488.27
+ Q 620.59 487.07 613.75 487.57
+ Q 565.49 491.13 521.63 494.61
+ C 500.82 496.26 486.80 506.70 486.90 528.34
+ C 487.00 547.38 495.03 561.93 515.64 564.57
+ Q 520.79 565.24 525.71 564.87
+ Q 556.71 562.54 590.27 559.99
+ Q 590.86 559.95 590.84 560.54
+ C 590.10 589.42 578.12 615.40 549.97 625.82
+ Q 534.51 631.55 517.09 630.59
+ C 488.37 629.02 466.24 610.76 453.83 585.44
+ Q 445.09 567.61 441.95 546.94
+ Q 447.00 540.33 452.70 532.71
+ Q 459.10 524.15 463.20 511.24
+ C 465.90 502.74 464.64 492.71 457.29 486.76
+ C 454.62 484.60 447.11 486.71 443.79 487.40
+ Q 446.67 473.08 452.97 460.23
+ C 463.40 438.97 481.35 423.79 504.96 419.24
+ C 527.31 414.92 551.05 418.50 569.54 432.01
+ C 578.28 438.40 585.78 443.56 597.16 443.76
+ C 615.86 444.10 628.72 430.05 628.83 411.59
+ C 644.95 413.22 654.24 403.69 658.41 389.07
+ Q 673.78 335.18 689.58 279.14
+ C 693.75 264.34 704.83 252.60 720.77 252.19
+ C 737.27 251.77 749.54 263.41 751.03 279.72
+ Q 751.76 287.80 749.72 295.01
+ Q 734.10 350.07 718.62 404.78
+ C 712.71 425.68 720.77 438.96 741.47 444.39
+ C 761.56 449.65 773.78 440.95 779.12 422.13
+ Q 796.17 362.07 813.14 301.98
+ Q 816.95 288.52 817.72 273.98
+ Q 840.34 295.49 870.75 296.43
+ Q 872.33 296.48 878.05 296.37
+ C 850.44 314.16 835.04 344.76 831.72 377.29
+ Q 829.92 394.92 833.61 410.19
+ Q 844.25 454.19 887.68 469.23
+ C 914.79 478.61 943.90 476.14 967.39 458.71
+ C 973.46 454.21 976.46 444.10 975.35 436.89
+ C 973.36 423.95 959.95 420.09 948.58 423.42
+ Q 941.38 425.53 933.13 427.75
+ Q 909.69 434.05 891.48 418.04
+ C 880.46 408.35 875.55 395.36 879.26 380.94
+ Q 879.43 380.29 880.08 380.47
+ Q 918.12 391.36 956.70 402.13
+ C 967.26 405.08 980.29 408.21 987.76 397.42
+ Q 993.21 419.42 1011.62 430.40
+ Q 1041.10 447.99 1074.99 434.46
+ Q 1078.85 432.92 1083.18 430.15
+ Q 1083.98 429.64 1083.73 430.56
+ Q 1083.32 432.06 1082.82 433.72
+ C 1081.33 438.59 1081.91 443.91 1084.79 447.99
+ Q 1092.06 458.31 1104.59 458.12
+ C 1114.97 457.96 1123.81 450.78 1126.58 441.00
+ Q 1134.53 412.91 1142.79 384.23
+ Q 1145.20 419.22 1147.71 453.73
+ Q 1148.37 462.85 1152.54 467.95
+ C 1160.29 477.47 1174.30 477.51 1184.98 474.00
+ C 1196.94 470.06 1200.51 459.71 1199.76 448.09
+ Q 1196.73 401.36 1193.51 353.14
+ C 1192.67 340.57 1196.43 329.04 1207.71 322.88
+ C 1220.19 316.06 1235.01 320.73 1241.62 333.05
+ Q 1245.33 339.95 1245.79 346.92
+ Q 1248.95 394.18 1252.35 445.82
+ Q 1252.76 452.12 1255.96 458.20
+ C 1262.41 470.46 1279.28 470.80 1290.49 467.07
+ C 1302.27 463.15 1306.20 452.89 1305.44 441.21
+ Q 1301.93 387.57 1298.35 334.07
+ C 1296.54 306.96 1283.92 281.86 1256.61 273.76
+ C 1239.52 268.69 1221.05 271.55 1206.75 282.35
+ C 1200.55 287.02 1195.46 292.43 1190.63 298.51
+ Q 1189.99 299.32 1189.92 298.29
+ Q 1187.48 260.95 1184.98 223.25
+ C 1183.69 203.87 1170.72 195.75 1152.05 199.02
+ Q 1134.24 202.14 1132.52 221.18
+ Q 1132.33 223.24 1132.45 225.00
+ Q 1134.45 256.27 1136.52 287.98
+ Q 1126.86 279.20 1115.40 273.37
+ Q 1101.05 266.08 1085.15 262.92
+ Q 1084.60 262.81 1084.68 262.27
+ Q 1086.53 248.44 1080.43 237.02
+ C 1073.53 224.09 1059.75 222.06 1046.32 224.68
+ C 1043.57 225.22 1040.76 225.21 1038.85 222.83
+ C 1035.62 218.79 1034.19 212.48 1033.16 207.46
+ Q 1023.09 157.96 1013.09 107.59
+ Q 1012.98 107.02 1013.54 106.91
+ Q 1025.02 104.66 1035.04 102.48
+ C 1046.78 99.92 1057.81 94.21 1057.69 80.41
+ Q 1057.59 69.02 1052.74 60.23
+ C 1046.77 49.39 1033.68 49.45 1022.45 51.69
+ Q 1012.21 53.73 1003.15 55.54
+ Q 1002.60 55.65 1002.50 55.10
+ Q 1000.94 46.81 999.05 38.13
+ Q 997.61 31.55 994.01 25.93
+ C 985.23 12.25 966.76 13.40 953.68 18.66
+ C 937.64 25.11 934.85 38.60 938.06 53.99
+ Q 939.41 60.47 940.77 67.39
+ A 0.84 0.83 -14.6 0 1 940.21 68.34
+ C 927.19 72.58 916.28 79.91 917.58 95.10
+ C 919.23 114.53 932.68 120.82 950.44 118.57
+ Q 951.01 118.50 951.12 119.06
+ Q 960.52 165.56 969.75 212.01
+ C 976.37 245.36 987.75 283.61 1028.08 286.71
+ Q 1028.85 286.76 1029.07 287.50
+ C 1032.01 297.11 1043.24 301.23 1052.52 302.50
+ C 1058.93 303.37 1064.98 304.13 1070.94 304.77
+ Q 1086.59 306.44 1098.26 316.43
+ C 1106.61 323.58 1112.21 334.36 1109.14 345.54
+ Q 1107.12 352.89 1105.08 359.93
+ A 0.29 0.29 0.0 0 1 1104.58 360.03
+ C 1097.68 351.25 1087.45 344.58 1077.26 340.11
+ C 1048.03 327.30 1015.91 331.22 996.13 358.22
+ Z
+ M 326.57 471.55
+ L 326.57 471.55
+ Q 326.68 471.55 326.69 471.44
+ C 328.51 448.77 331.50 426.23 339.40 404.77
+ C 342.85 395.39 345.67 386.37 350.90 377.54
+ Q 354.22 371.95 357.32 366.62
+ Q 357.99 365.46 356.65 365.47
+ Q 337.72 365.52 318.27 362.00
+ Q 307.12 359.98 294.06 357.01
+ Q 293.09 356.79 293.03 357.79
+ Q 292.51 366.95 295.07 375.78
+ Q 296.38 380.33 302.26 390.04
+ Q 307.87 399.30 313.78 415.50
+ C 320.71 434.49 325.42 452.90 326.35 471.35
+ Q 326.36 471.55 326.57 471.55
+ Z
+ M 1012.90 507.13
+ A 33.30 33.30 0.0 0 0 979.60 473.83
+ A 33.30 33.30 0.0 0 0 946.30 507.13
+ A 33.30 33.30 0.0 0 0 979.60 540.43
+ A 33.30 33.30 0.0 0 0 1012.90 507.13
+ Z
+ M 1079.27 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 504.00
+ A 25.76 25.76 0.0 0 0 1027.75 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 555.52
+ A 25.76 25.76 0.0 0 0 1079.27 529.76
+ Z
+ M 943.51 547.86
+ A 25.76 25.76 0.0 0 0 917.75 522.10
+ A 25.76 25.76 0.0 0 0 891.99 547.86
+ A 25.76 25.76 0.0 0 0 917.75 573.62
+ A 25.76 25.76 0.0 0 0 943.51 547.86
+ Z
+ M 1059.79 602.86
+ Q 1057.70 585.87 1046.51 574.04
+ C 1017.37 543.23 973.53 561.33 949.72 588.57
+ C 927.15 614.40 913.00 649.77 917.89 684.16
+ C 921.34 708.39 936.09 732.22 962.51 735.28
+ C 975.80 736.81 988.67 733.07 1000.85 726.43
+ Q 1001.84 725.89 1001.28 726.87
+ C 995.06 737.88 990.92 750.34 1003.41 759.08
+ C 1016.57 768.29 1031.69 768.54 1039.59 752.80
+ Q 1087.05 658.29 1135.36 561.88
+ C 1143.61 545.41 1135.70 532.71 1119.47 527.42
+ C 1107.86 523.64 1097.63 528.55 1092.32 539.09
+ Q 1076.40 570.65 1060.26 602.94
+ Q 1059.89 603.66 1059.79 602.86
+ Z
+ M 1075.92 554.96
+ Q 1076.49 553.81 1075.52 554.66
+ C 1067.28 561.88 1055.61 564.95 1044.65 561.86
+ Q 1043.50 561.54 1044.46 562.25
+ C 1051.61 567.49 1057.56 574.83 1061.53 582.59
+ A 0.30 0.29 44.7 0 0 1062.06 582.59
+ L 1075.92 554.96
+ Z"
+/>
+<path fill="#e8bf00" d="
+ M 1136.52 287.98
+ L 1142.79 384.23
+ Q 1134.53 412.91 1126.58 441.00
+ C 1123.81 450.78 1114.97 457.96 1104.59 458.12
+ Q 1092.06 458.31 1084.79 447.99
+ C 1081.91 443.91 1081.33 438.59 1082.82 433.72
+ Q 1083.32 432.06 1083.73 430.56
+ Q 1083.98 429.64 1083.18 430.15
+ Q 1078.85 432.92 1074.99 434.46
+ Q 1041.10 447.99 1011.62 430.40
+ Q 993.21 419.42 987.76 397.42
+ Q 987.40 394.43 987.18 391.24
+ Q 985.92 373.24 996.13 358.22
+ C 1015.91 331.22 1048.03 327.30 1077.26 340.11
+ C 1087.45 344.58 1097.68 351.25 1104.58 360.03
+ A 0.29 0.29 0.0 0 0 1105.08 359.93
+ Q 1107.12 352.89 1109.14 345.54
+ C 1112.21 334.36 1106.61 323.58 1098.26 316.43
+ Q 1086.59 306.44 1070.94 304.77
+ C 1064.98 304.13 1058.93 303.37 1052.52 302.50
+ C 1043.24 301.23 1032.01 297.11 1029.07 287.50
+ Q 1028.85 286.76 1028.08 286.71
+ C 987.75 283.61 976.37 245.36 969.75 212.01
+ Q 960.52 165.56 951.12 119.06
+ Q 951.01 118.50 950.44 118.57
+ C 932.68 120.82 919.23 114.53 917.58 95.10
+ C 916.28 79.91 927.19 72.58 940.21 68.34
+ A 0.84 0.83 -14.6 0 0 940.77 67.39
+ Q 939.41 60.47 938.06 53.99
+ C 934.85 38.60 937.64 25.11 953.68 18.66
+ C 966.76 13.40 985.23 12.25 994.01 25.93
+ Q 997.61 31.55 999.05 38.13
+ Q 1000.94 46.81 1002.50 55.10
+ Q 1002.60 55.65 1003.15 55.54
+ Q 1012.21 53.73 1022.45 51.69
+ C 1033.68 49.45 1046.77 49.39 1052.74 60.23
+ Q 1057.59 69.02 1057.69 80.41
+ C 1057.81 94.21 1046.78 99.92 1035.04 102.48
+ Q 1025.02 104.66 1013.54 106.91
+ Q 1012.98 107.02 1013.09 107.59
+ Q 1023.09 157.96 1033.16 207.46
+ C 1034.19 212.48 1035.62 218.79 1038.85 222.83
+ C 1040.76 225.21 1043.57 225.22 1046.32 224.68
+ C 1059.75 222.06 1073.53 224.09 1080.43 237.02
+ Q 1086.53 248.44 1084.68 262.27
+ Q 1084.60 262.81 1085.15 262.92
+ Q 1101.05 266.08 1115.40 273.37
+ Q 1126.86 279.20 1136.52 287.98
+ Z
+ M 1073.63 377.07
+ C 1065.43 373.50 1054.14 371.00 1045.56 373.70
+ C 1036.21 376.65 1034.76 386.75 1041.12 393.45
+ C 1049.24 402.01 1063.29 404.86 1074.52 403.71
+ C 1079.84 403.16 1085.54 400.75 1087.97 395.65
+ C 1092.06 387.06 1079.91 379.79 1073.63 377.07
+ Z"
+/>
+<path fill="#000000" d="
+ M 670.49 117.73
+ Q 679.01 141.38 663.29 159.86
+ Q 662.11 161.25 660.33 162.78
+ Q 658.60 164.28 657.19 165.49
+ Q 645.71 172.10 634.46 170.40
+ Q 615.95 167.60 605.73 151.30
+ Q 603.52 147.77 603.50 147.74
+ Q 597.13 138.03 588.04 131.28
+ C 565.17 114.30 534.33 108.78 507.57 120.27
+ C 486.41 129.36 469.80 147.89 459.49 168.55
+ Q 442.39 202.80 444.57 239.22
+ C 446.61 273.32 464.42 302.56 497.20 314.81
+ C 514.07 321.11 533.42 323.51 550.71 317.51
+ C 555.30 315.92 559.32 313.56 563.72 311.48
+ Q 573.53 306.85 583.93 309.37
+ C 596.32 312.37 605.79 318.94 610.26 331.07
+ Q 613.65 344.71 608.36 358.05
+ Q 604.93 366.70 598.49 372.59
+ Q 593.42 376.90 586.95 379.91
+ C 555.05 394.77 521.09 399.06 486.90 390.40
+ Q 460.73 383.76 437.67 369.33
+ Q 421.37 358.65 408.05 344.03
+ Q 407.72 343.66 407.25 343.50
+ Q 406.77 343.34 406.65 342.96
+ L 397.49 330.43
+ Q 397.25 330.11 396.87 329.99
+ Q 396.63 329.91 396.44 329.76
+ L 396.39 329.20
+ Q 396.35 328.71 396.08 328.29
+ C 356.28 267.04 364.87 184.97 400.56 124.26
+ C 427.78 77.96 473.59 44.13 527.76 41.31
+ Q 555.93 39.84 584.47 48.47
+ Q 637.50 64.49 666.53 110.54
+ C 668.00 112.87 669.11 115.31 670.49 117.73
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 338.69 190.80
+ Q 337.38 188.77 336.30 186.93
+ Q 329.54 175.43 317.00 172.38
+ Q 319.88 167.91 319.01 163.74
+ Q 317.77 157.82 312.21 154.07
+ Q 310.09 152.65 306.81 151.85
+ C 300.76 150.39 295.49 148.52 289.69 152.11
+ Q 285.19 154.88 281.56 158.90
+ C 277.68 163.20 277.87 167.27 277.87 172.67
+ Q 275.53 172.05 273.84 170.15
+ Q 263.86 158.94 249.92 155.02
+ Q 264.10 149.66 265.60 135.30
+ C 266.25 129.11 264.44 122.71 260.44 118.06
+ Q 251.00 107.11 237.05 111.46
+ Q 225.52 113.45 223.54 124.21
+ Q 219.69 132.59 223.12 141.42
+ Q 226.60 150.36 235.70 154.38
+ Q 230.77 155.76 226.64 158.13
+ C 214.51 165.13 204.74 172.98 198.06 185.35
+ C 193.08 194.59 188.74 204.43 187.90 214.78
+ C 187.17 223.82 190.01 233.44 197.51 238.96
+ Q 201.99 242.25 206.42 245.87
+ Q 209.71 248.55 214.44 250.92
+ Q 220.71 254.07 227.51 257.06
+ Q 215.29 254.12 203.48 251.63
+ Q 193.10 249.44 188.27 247.44
+ Q 180.84 244.36 174.44 239.62
+ C 164.39 232.62 154.95 225.56 146.82 216.43
+ Q 138.76 207.36 133.98 192.58
+ Q 131.09 182.02 130.56 171.25
+ C 130.02 160.41 129.69 148.85 131.17 138.57
+ C 132.97 126.09 136.82 114.76 141.27 103.03
+ Q 141.47 102.50 141.30 101.95
+ C 138.23 91.94 136.07 81.40 136.60 70.99
+ Q 137.05 62.35 142.85 57.85
+ C 153.57 49.54 170.19 52.21 180.71 58.85
+ Q 184.18 61.04 187.54 61.83
+ C 195.73 63.74 202.70 58.09 210.11 55.53
+ Q 227.20 49.62 242.90 49.56
+ Q 247.47 49.54 262.82 51.32
+ Q 275.70 52.81 288.82 58.56
+ Q 289.36 58.79 289.75 58.36
+ Q 294.77 52.75 303.76 51.87
+ Q 309.45 51.31 311.61 56.28
+ Q 313.94 61.64 314.30 67.20
+ Q 314.33 67.77 314.76 68.15
+ Q 322.31 75.03 329.86 82.70
+ Q 333.70 86.59 336.04 90.87
+ Q 340.24 98.55 343.90 106.43
+ Q 345.28 109.40 345.71 112.76
+ C 346.96 122.46 348.65 131.67 348.57 141.52
+ Q 348.52 146.59 347.27 153.41
+ Q 343.83 172.12 338.69 190.80
+ Z
+ M 153.42 93.67
+ L 178.33 72.91
+ A 0.29 0.29 0.0 0 0 178.36 72.51
+ L 178.09 72.18
+ A 23.45 16.45 50.2 0 0 150.45 64.70
+ L 150.37 64.76
+ A 23.45 16.45 50.2 0 0 152.74 93.31
+ L 153.01 93.63
+ A 0.29 0.29 0.0 0 0 153.42 93.67
+ Z
+ M 298.93 74.67
+ A 7.05 6.41 0.0 0 0 291.88 68.26
+ A 7.05 6.41 0.0 0 0 284.83 74.67
+ A 7.05 6.41 0.0 0 0 291.88 81.08
+ A 7.05 6.41 0.0 0 0 298.93 74.67
+ Z
+ M 227.8813 73.6779
+ A 8.33 5.13 -15.9 0 0 218.4646 71.0263
+ A 8.33 5.13 -15.9 0 0 211.8587 78.2421
+ A 8.33 5.13 -15.9 0 0 221.2754 80.8937
+ A 8.33 5.13 -15.9 0 0 227.8813 73.6779
+ Z
+ M 274.5000 90.1078
+ A 4.48 3.85 0.1 0 0 270.0267 86.2500
+ A 4.48 3.85 0.1 0 0 265.5400 90.0922
+ A 4.48 3.85 0.1 0 0 270.0133 93.9500
+ A 4.48 3.85 0.1 0 0 274.5000 90.1078
+ Z
+ M 178.7200 106.8000
+ A 3.83 3.17 90.0 0 0 181.8900 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 99.1400
+ A 3.83 3.17 90.0 0 0 175.5500 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 106.8000
+ Z
+ M 315.79 117.26
+ Q 309.12 119.09 307.00 126.19
+ Q 305.27 129.24 304.86 133.27
+ Q 303.99 141.76 308.19 148.48
+ C 311.60 153.93 318.00 157.61 324.55 156.71
+ C 333.09 155.53 338.83 148.02 340.07 139.82
+ C 341.43 130.86 337.72 121.17 329.47 117.06
+ Q 322.59 113.63 315.79 117.26
+ Z
+ M 156.5555 155.1664
+ A 8.97 6.41 71.1 0 0 159.7144 144.6037
+ A 8.97 6.41 71.1 0 0 150.7445 138.1936
+ A 8.97 6.41 71.1 0 0 147.5856 148.7563
+ A 8.97 6.41 71.1 0 0 156.5555 155.1664
+ Z
+ M 181.9534 158.2300
+ A 3.83 2.52 89.8 0 0 184.4600 154.3912
+ A 3.83 2.52 89.8 0 0 181.9266 150.5700
+ A 3.83 2.52 89.8 0 0 179.4200 154.4088
+ A 3.83 2.52 89.8 0 0 181.9534 158.2300
+ Z
+ M 165.21 199.40
+ A 5.13 5.13 0.0 0 0 160.08 194.27
+ A 5.13 5.13 0.0 0 0 154.95 199.40
+ A 5.13 5.13 0.0 0 0 160.08 204.53
+ A 5.13 5.13 0.0 0 0 165.21 199.40
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 153.42 93.67
+ A 0.29 0.29 0.0 0 1 153.01 93.63
+ L 152.74 93.31
+ A 23.45 16.45 50.2 0 1 150.37 64.76
+ L 150.45 64.70
+ A 23.45 16.45 50.2 0 1 178.09 72.18
+ L 178.36 72.51
+ A 0.29 0.29 0.0 0 1 178.33 72.91
+ L 153.42 93.67
+ Z"
+/>
+<ellipse fill="#000000" cx="291.88" cy="74.67" rx="7.05" ry="6.41"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(219.87,75.96) rotate(-15.9)" rx="8.33" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(270.02,90.10) rotate(0.1)" rx="4.48" ry="3.85"/>
+<path fill="#675600" d="
+ M 786.70 214.14
+ Q 789.31 228.33 795.58 242.20
+ Q 803.80 260.40 817.72 273.98
+ Q 816.95 288.52 813.14 301.98
+ Q 796.17 362.07 779.12 422.13
+ C 773.78 440.95 761.56 449.65 741.47 444.39
+ C 720.77 438.96 712.71 425.68 718.62 404.78
+ Q 734.10 350.07 749.72 295.01
+ Q 751.76 287.80 751.03 279.72
+ C 749.54 263.41 737.27 251.77 720.77 252.19
+ C 704.83 252.60 693.75 264.34 689.58 279.14
+ Q 673.78 335.18 658.41 389.07
+ C 654.24 403.69 644.95 413.22 628.83 411.59
+ C 613.33 410.16 597.41 402.39 597.01 384.75
+ Q 596.88 378.87 598.49 372.59
+ Q 604.93 366.70 608.36 358.05
+ Q 613.65 344.71 610.26 331.07
+ L 657.19 165.49
+ Q 658.60 164.28 660.33 162.78
+ Q 662.11 161.25 663.29 159.86
+ Q 679.01 141.38 670.49 117.73
+ Q 671.91 114.16 673.15 110.80
+ C 679.12 94.57 692.44 89.16 708.75 93.55
+ C 728.42 98.84 736.82 112.47 731.14 132.56
+ Q 719.33 174.34 707.00 217.77
+ Q 706.56 219.31 707.90 218.43
+ C 717.26 212.28 728.17 207.26 738.96 205.21
+ Q 763.59 200.54 786.70 214.14
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(178.72,102.97) rotate(90.0)" rx="3.83" ry="3.17"/>
+<path fill="#ad8f00" d="
+ M 918.03 285.21
+ C 916.90 285.94 915.59 285.96 914.49 286.48
+ Q 900.66 293.07 885.47 295.30
+ Q 881.69 295.86 878.05 296.37
+ Q 872.33 296.48 870.75 296.43
+ Q 840.34 295.49 817.72 273.98
+ Q 803.80 260.40 795.58 242.20
+ Q 789.31 228.33 786.70 214.14
+ C 779.50 175.83 792.27 134.33 829.83 117.52
+ Q 844.70 110.87 861.76 109.55
+ C 891.00 107.31 915.01 120.66 929.02 145.62
+ Q 936.75 159.39 939.77 173.49
+ C 943.87 192.64 928.16 197.50 913.95 201.53
+ Q 875.32 212.48 839.77 222.45
+ Q 839.26 222.59 839.41 223.11
+ C 843.89 238.82 857.17 247.47 873.12 248.98
+ Q 894.58 251.03 909.74 234.96
+ Q 914.74 229.68 919.80 224.01
+ Q 923.46 219.92 928.13 217.32
+ C 936.02 212.93 945.71 213.63 951.17 221.36
+ C 955.60 227.64 958.07 236.52 954.96 243.99
+ Q 943.86 270.71 918.46 284.41
+ Q 918.26 284.52 918.13 284.71
+ Q 917.93 285.03 918.03 285.21
+ Z
+ M 849.39 155.61
+ C 835.89 161.63 828.81 175.66 832.76 190.30
+ A 0.38 0.36 -14.6 0 0 833.22 190.56
+ L 888.07 175.09
+ A 0.38 0.37 74.2 0 0 888.33 174.62
+ C 883.28 156.77 866.74 147.87 849.39 155.61
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 249.92 155.02
+ Q 242.32 156.80 235.70 154.38
+ Q 226.60 150.36 223.12 141.42
+ Q 219.69 132.59 223.54 124.21
+ Q 223.70 131.02 227.83 134.92
+ C 238.71 145.19 256.46 133.75 250.20 119.52
+ Q 247.01 112.27 237.05 111.46
+ Q 251.00 107.11 260.44 118.06
+ C 264.44 122.71 266.25 129.11 265.60 135.30
+ Q 264.10 149.66 249.92 155.02
+ Z"
+/>
+<path fill="#000000" d="
+ M 237.05 111.46
+ Q 247.01 112.27 250.20 119.52
+ C 256.46 133.75 238.71 145.19 227.83 134.92
+ Q 223.70 131.02 223.54 124.21
+ Q 225.52 113.45 237.05 111.46
+ Z"
+/>
+<path fill="#272727" d="
+ M 657.19 165.49
+ L 610.26 331.07
+ C 605.79 318.94 596.32 312.37 583.93 309.37
+ Q 573.53 306.85 563.72 311.48
+ C 559.32 313.56 555.30 315.92 550.71 317.51
+ C 533.42 323.51 514.07 321.11 497.20 314.81
+ C 464.42 302.56 446.61 273.32 444.57 239.22
+ Q 442.39 202.80 459.49 168.55
+ C 469.80 147.89 486.41 129.36 507.57 120.27
+ C 534.33 108.78 565.17 114.30 588.04 131.28
+ Q 597.13 138.03 603.50 147.74
+ Q 603.52 147.77 605.73 151.30
+ Q 615.95 167.60 634.46 170.40
+ Q 645.71 172.10 657.19 165.49
+ Z
+ M 598.94 154.55
+ C 587.28 134.71 564.15 123.18 541.00 121.81
+ C 509.10 119.91 483.72 140.47 468.92 166.91
+ Q 451.82 197.45 451.79 232.04
+ C 451.77 262.79 465.47 292.79 494.79 305.74
+ C 511.20 312.99 532.36 316.74 549.35 309.94
+ C 556.63 307.02 562.86 302.71 571.44 301.37
+ C 584.00 299.40 597.82 304.90 607.19 312.92
+ A 0.30 0.30 0.0 0 0 607.68 312.77
+ L 645.90 177.93
+ A 0.24 0.24 0.0 0 0 645.63 177.63
+ C 626.60 180.44 608.42 170.69 598.94 154.55
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 307.00 126.19
+ Q 306.10 133.15 309.99 137.49
+ C 316.27 144.47 325.70 139.75 327.21 131.67
+ C 328.65 123.98 324.03 117.20 315.79 117.26
+ Q 322.59 113.63 329.47 117.06
+ C 337.72 121.17 341.43 130.86 340.07 139.82
+ C 338.83 148.02 333.09 155.53 324.55 156.71
+ C 318.00 157.61 311.60 153.93 308.19 148.48
+ Q 303.99 141.76 304.86 133.27
+ Q 305.27 129.24 307.00 126.19
+ Z"
+/>
+<path fill="#000000" d="
+ M 307.00 126.19
+ Q 309.12 119.09 315.79 117.26
+ C 324.03 117.20 328.65 123.98 327.21 131.67
+ C 325.70 139.75 316.27 144.47 309.99 137.49
+ Q 306.10 133.15 307.00 126.19
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(153.65,146.68) rotate(71.1)" rx="8.97" ry="6.41"/>
+<path fill="#272727" d="
+ M 317.00 172.38
+ C 311.31 178.31 304.05 183.66 295.37 183.12
+ C 291.29 182.87 286.11 179.91 281.92 178.08
+ Q 277.83 176.29 277.87 172.67
+ C 277.87 167.27 277.68 163.20 281.56 158.90
+ Q 285.19 154.88 289.69 152.11
+ C 295.49 148.52 300.76 150.39 306.81 151.85
+ Q 310.09 152.65 312.21 154.07
+ Q 317.77 157.82 319.01 163.74
+ Q 319.88 167.91 317.00 172.38
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(181.94,154.40) rotate(89.8)" rx="3.83" ry="2.52"/>
+<path fill="#272727" d="
+ M 832.76 190.30
+ C 828.81 175.66 835.89 161.63 849.39 155.61
+ C 866.74 147.87 883.28 156.77 888.33 174.62
+ A 0.38 0.37 74.2 0 1 888.07 175.09
+ L 833.22 190.56
+ A 0.38 0.36 -14.6 0 1 832.76 190.30
+ Z
+ M 878.12 169.75
+ C 873.12 161.28 863.38 158.20 854.35 161.66
+ Q 840.98 166.78 839.03 180.58
+ A 0.37 0.37 0.0 0 0 839.50 180.99
+ L 877.96 170.14
+ Q 878.29 170.04 878.12 169.75
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 235.70 154.38
+ Q 242.32 156.80 249.92 155.02
+ Q 263.86 158.94 273.84 170.15
+ Q 275.53 172.05 277.87 172.67
+ Q 277.83 176.29 281.92 178.08
+ C 286.11 179.91 291.29 182.87 295.37 183.12
+ C 304.05 183.66 311.31 178.31 317.00 172.38
+ Q 329.54 175.43 336.30 186.93
+ Q 337.38 188.77 338.69 190.80
+ Q 346.40 208.24 340.69 227.74
+ Q 337.94 237.16 331.52 243.28
+ Q 321.27 253.06 308.49 259.33
+ Q 298.19 264.13 287.32 267.54
+ Q 283.15 268.85 278.99 268.85
+ Q 261.72 268.84 245.26 263.24
+ Q 235.99 260.08 227.51 257.06
+ Q 220.71 254.07 214.44 250.92
+ Q 209.71 248.55 206.42 245.87
+ Q 201.99 242.25 197.51 238.96
+ C 190.01 233.44 187.17 223.82 187.90 214.78
+ C 188.74 204.43 193.08 194.59 198.06 185.35
+ C 204.74 172.98 214.51 165.13 226.64 158.13
+ Q 230.77 155.76 235.70 154.38
+ Z"
+/>
+<path fill="#9a111d" d="
+ M 133.98 192.58
+ Q 138.76 207.36 146.82 216.43
+ C 154.95 225.56 164.39 232.62 174.44 239.62
+ L 171.18 238.91
+ Q 170.70 238.80 170.25 238.98
+ Q 169.13 239.41 167.96 239.69
+ Q 166.73 239.99 165.68 240.50
+ Q 162.73 241.93 159.78 243.47
+ C 157.13 244.84 155.94 248.12 154.01 250.29
+ C 151.74 252.85 149.82 256.39 148.74 259.54
+ Q 146.67 265.58 146.55 259.20
+ C 146.51 256.91 147.03 251.91 145.33 250.13
+ A 1.51 1.50 -26.0 0 0 144.01 249.68
+ Q 140.77 250.14 137.50 251.94
+ Q 137.00 252.21 136.92 252.76
+ Q 136.58 255.11 134.24 255.40
+ C 131.95 255.68 129.84 256.43 127.48 256.49
+ Q 115.28 256.83 104.86 261.90
+ Q 101.72 263.43 103.95 260.73
+ Q 107.42 256.53 111.53 252.78
+ Q 112.35 252.03 113.27 251.60
+ C 114.91 250.83 116.16 249.87 117.93 249.29
+ Q 123.62 247.41 128.61 244.89
+ Q 131.89 243.23 136.64 243.01
+ Q 137.09 242.99 137.04 242.54
+ L 137.01 242.28
+ A 0.61 0.61 0.0 0 0 136.43 241.74
+ Q 129.76 241.55 123.04 241.88
+ Q 122.24 241.92 121.46 241.73
+ Q 119.16 241.17 120.68 240.00
+ Q 107.21 235.31 104.12 223.37
+ Q 103.43 220.70 103.74 217.43
+ Q 103.98 214.87 103.57 212.00
+ Q 103.02 208.16 103.41 202.01
+ Q 104.12 190.96 107.27 181.69
+ C 108.30 178.67 109.68 175.68 110.08 172.51
+ Q 110.30 170.75 111.39 169.23
+ A 0.57 0.57 0.0 0 1 112.32 169.24
+ C 112.88 170.05 113.61 170.84 114.01 171.73
+ C 115.86 175.88 117.21 180.19 120.26 183.69
+ Q 125.72 189.94 133.98 192.58
+ Z"
+/>
+<circle fill="#000000" cx="160.08" cy="199.40" r="5.13"/>
+<path fill="#e6cc4f" d="
+ M 1142.79 384.23
+ L 1136.52 287.98
+ Q 1134.45 256.27 1132.45 225.00
+ Q 1132.33 223.24 1132.52 221.18
+ Q 1134.24 202.14 1152.05 199.02
+ C 1170.72 195.75 1183.69 203.87 1184.98 223.25
+ Q 1187.48 260.95 1189.92 298.29
+ Q 1189.99 299.32 1190.63 298.51
+ C 1195.46 292.43 1200.55 287.02 1206.75 282.35
+ C 1221.05 271.55 1239.52 268.69 1256.61 273.76
+ C 1283.92 281.86 1296.54 306.96 1298.35 334.07
+ Q 1301.93 387.57 1305.44 441.21
+ C 1306.20 452.89 1302.27 463.15 1290.49 467.07
+ C 1279.28 470.80 1262.41 470.46 1255.96 458.20
+ Q 1252.76 452.12 1252.35 445.82
+ Q 1248.95 394.18 1245.79 346.92
+ Q 1245.33 339.95 1241.62 333.05
+ C 1235.01 320.73 1220.19 316.06 1207.71 322.88
+ C 1196.43 329.04 1192.67 340.57 1193.51 353.14
+ Q 1196.73 401.36 1199.76 448.09
+ C 1200.51 459.71 1196.94 470.06 1184.98 474.00
+ C 1174.30 477.51 1160.29 477.47 1152.54 467.95
+ Q 1148.37 462.85 1147.71 453.73
+ Q 1145.20 419.22 1142.79 384.23
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 174.44 239.62
+ Q 180.84 244.36 188.27 247.44
+ Q 193.10 249.44 203.48 251.63
+ Q 215.29 254.12 227.51 257.06
+ Q 235.99 260.08 245.26 263.24
+ Q 261.72 268.84 278.99 268.85
+ Q 283.15 268.85 287.32 267.54
+ Q 298.19 264.13 308.49 259.33
+ C 312.90 268.31 306.32 281.11 302.51 289.27
+ Q 302.25 289.83 302.81 290.09
+ Q 304.00 290.66 305.08 291.37
+ C 310.04 294.68 306.85 300.25 303.87 303.45
+ C 298.49 309.20 292.76 314.27 286.09 316.14
+ Q 283.80 316.78 283.01 317.11
+ C 278.93 317.77 274.80 318.48 270.68 318.56
+ Q 260.22 318.76 249.92 318.90
+ C 244.63 318.96 239.16 318.47 234.25 317.22
+ Q 223.39 314.47 212.04 311.43
+ Q 209.54 310.77 203.96 307.46
+ Q 195.21 301.06 187.53 292.94
+ C 186.44 291.78 185.07 290.80 183.97 289.61
+ Q 182.89 288.45 180.84 287.84
+ Q 176.97 286.69 173.33 286.09
+ Q 163.57 283.97 160.81 282.44
+ Q 156.29 279.95 152.09 277.42
+ C 149.82 276.06 149.09 269.15 148.58 266.47
+ A 1.09 1.09 0.0 0 0 146.75 265.89
+ C 145.75 266.86 144.93 267.58 143.62 268.11
+ C 133.50 272.20 126.45 279.12 118.87 286.63
+ C 113.69 291.76 105.94 296.02 98.40 295.85
+ Q 86.29 295.59 75.97 289.61
+ Q 65.82 283.73 58.43 280.80
+ Q 57.53 280.45 58.50 280.35
+ C 60.73 280.13 63.88 279.40 65.52 277.71
+ Q 71.36 271.65 75.13 263.37
+ C 77.74 257.62 81.29 250.99 87.38 248.31
+ Q 90.04 247.13 92.63 245.55
+ Q 98.04 242.24 101.99 241.95
+ Q 110.48 241.30 120.68 240.00
+ Q 119.16 241.17 121.46 241.73
+ Q 122.24 241.92 123.04 241.88
+ Q 129.76 241.55 136.43 241.74
+ A 0.61 0.61 0.0 0 1 137.01 242.28
+ L 137.04 242.54
+ Q 137.09 242.99 136.64 243.01
+ Q 131.89 243.23 128.61 244.89
+ Q 123.62 247.41 117.93 249.29
+ C 116.16 249.87 114.91 250.83 113.27 251.60
+ Q 112.35 252.03 111.53 252.78
+ Q 107.42 256.53 103.95 260.73
+ Q 101.72 263.43 104.86 261.90
+ Q 115.28 256.83 127.48 256.49
+ C 129.84 256.43 131.95 255.68 134.24 255.40
+ Q 136.58 255.11 136.92 252.76
+ Q 137.00 252.21 137.50 251.94
+ Q 140.77 250.14 144.01 249.68
+ A 1.51 1.50 -26.0 0 1 145.33 250.13
+ C 147.03 251.91 146.51 256.91 146.55 259.20
+ Q 146.67 265.58 148.74 259.54
+ C 149.82 256.39 151.74 252.85 154.01 250.29
+ C 155.94 248.12 157.13 244.84 159.78 243.47
+ Q 162.73 241.93 165.68 240.50
+ Q 166.73 239.99 167.96 239.69
+ Q 169.13 239.41 170.25 238.98
+ Q 170.70 238.80 171.18 238.91
+ L 174.44 239.62
+ Z"
+/>
+<path fill="#dba200" d="
+ M 918.03 285.21
+ C 934.78 285.69 952.34 291.36 966.37 300.81
+ C 984.35 312.92 994.66 331.25 996.13 353.26
+ Q 996.35 356.52 996.13 358.22
+ Q 985.92 373.24 987.18 391.24
+ Q 987.40 394.43 987.76 397.42
+ C 980.29 408.21 967.26 405.08 956.70 402.13
+ Q 918.12 391.36 880.08 380.47
+ Q 879.43 380.29 879.26 380.94
+ C 875.55 395.36 880.46 408.35 891.48 418.04
+ Q 909.69 434.05 933.13 427.75
+ Q 941.38 425.53 948.58 423.42
+ C 959.95 420.09 973.36 423.95 975.35 436.89
+ C 976.46 444.10 973.46 454.21 967.39 458.71
+ C 943.90 476.14 914.79 478.61 887.68 469.23
+ Q 844.25 454.19 833.61 410.19
+ Q 829.92 394.92 831.72 377.29
+ C 835.04 344.76 850.44 314.16 878.05 296.37
+ Q 881.69 295.86 885.47 295.30
+ Q 900.66 293.07 914.49 286.48
+ C 915.59 285.96 916.90 285.94 918.03 285.21
+ Z
+ M 891.35 349.92
+ L 946.33 365.48
+ A 0.24 0.24 0.0 0 0 946.62 365.31
+ L 946.93 364.23
+ A 28.25 28.19 -74.2 0 0 927.50 329.37
+ L 926.31 329.03
+ A 28.25 28.19 -74.2 0 0 891.49 348.54
+ L 891.18 349.63
+ A 0.24 0.24 0.0 0 0 891.35 349.92
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 173.33 286.09
+ Q 176.97 286.69 180.84 287.84
+ Q 182.89 288.45 183.97 289.61
+ C 185.07 290.80 186.44 291.78 187.53 292.94
+ Q 195.21 301.06 203.96 307.46
+ Q 201.50 321.01 201.19 325.25
+ Q 200.35 336.58 199.18 348.46
+ Q 198.40 356.33 196.35 365.83
+ Q 194.11 376.23 193.16 385.39
+ Q 192.11 395.58 190.44 404.27
+ Q 188.81 412.80 187.68 420.64
+ Q 186.25 430.58 185.93 438.85
+ Q 185.57 448.08 186.95 479.73
+ C 187.26 486.66 189.98 492.87 193.36 498.78
+ Q 195.38 502.31 196.49 505.83
+ Q 198.62 512.55 204.58 521.05
+ Q 205.95 523.00 208.25 524.39
+ Q 220.36 531.73 232.56 538.68
+ C 236.91 541.15 241.40 542.95 246.16 544.56
+ C 254.78 547.49 263.73 547.02 272.81 547.08
+ Q 276.89 547.11 280.65 545.84
+ Q 290.40 542.57 298.76 536.51
+ Q 307.86 529.92 311.03 526.78
+ Q 315.40 522.45 319.87 513.50
+ Q 319.80 524.64 316.18 534.41
+ Q 314.84 538.00 314.49 540.95
+ Q 308.45 590.89 300.45 640.56
+ C 299.36 647.33 298.04 653.80 296.64 660.40
+ Q 296.52 660.96 296.92 661.38
+ L 309.26 674.37
+ A 9.00 8.88 -4.2 0 0 310.74 675.63
+ Q 322.58 683.83 335.76 692.29
+ Q 363.83 710.29 394.39 721.21
+ Q 404.97 724.99 413.07 728.34
+ C 443.39 740.92 476.16 750.02 508.21 756.54
+ Q 518.63 758.66 527.48 760.84
+ C 553.69 767.30 579.65 772.94 608.49 777.84
+ Q 653.29 785.44 700.09 792.12
+ Q 720.06 794.97 742.00 797.28
+ Q 816.48 805.12 888.53 811.15
+ Q 897.64 811.91 907.93 812.30
+ Q 942.93 813.62 978.64 812.80
+ Q 988.90 812.56 998.42 811.30
+ Q 1020.92 808.31 1041.56 803.72
+ C 1066.62 798.14 1089.83 789.24 1111.04 774.92
+ Q 1116.55 771.20 1120.94 766.11
+ C 1144.20 739.17 1156.40 707.64 1153.31 671.82
+ Q 1152.80 666.00 1150.73 658.58
+ Q 1145.52 639.98 1143.52 619.81
+ C 1143.22 616.78 1143.30 613.76 1142.95 610.71
+ Q 1142.69 609.92 1143.31 609.94
+ Q 1143.67 615.31 1145.08 626.24
+ Q 1145.44 629.05 1146.32 631.65
+ Q 1146.49 632.15 1146.61 631.63
+ Q 1151.51 610.57 1159.03 596.80
+ C 1174.68 568.16 1204.36 556.79 1235.97 565.44
+ Q 1237.93 565.97 1239.43 567.45
+ C 1258.28 585.87 1274.67 607.37 1282.81 632.15
+ Q 1282.98 632.65 1283.47 632.46
+ Q 1283.65 632.39 1283.63 632.20
+ Q 1283.61 632.06 1283.53 631.95
+ Q 1283.46 631.84 1283.47 631.71
+ L 1287.46 595.81
+ C 1287.70 597.70 1287.93 599.61 1287.74 601.50
+ Q 1286.62 612.55 1285.25 624.64
+ Q 1282.54 648.75 1275.56 669.04
+ C 1271.36 681.26 1266.75 694.78 1260.23 705.61
+ C 1245.13 730.73 1222.52 750.83 1197.98 767.82
+ C 1187.13 775.32 1176.28 783.09 1164.91 789.14
+ C 1133.34 805.96 1098.40 817.35 1063.56 823.07
+ Q 1056.41 824.24 1048.50 826.32
+ Q 1029.74 831.25 1009.00 833.06
+ C 975.35 836.01 941.80 834.88 907.99 833.45
+ Q 898.20 833.04 888.09 831.89
+ Q 852.83 827.89 814.04 824.68
+ Q 793.04 822.94 768.04 820.15
+ C 723.35 815.17 673.27 805.06 624.78 797.93
+ Q 576.36 790.81 528.18 778.48
+ Q 518.81 776.08 508.83 773.45
+ Q 473.61 764.15 438.84 751.89
+ Q 406.21 740.39 376.17 727.90
+ Q 344.74 714.83 314.70 694.78
+ Q 305.55 688.68 294.54 680.10
+ Q 294.04 679.71 293.80 680.29
+ L 291.54 685.60
+ Q 290.00 688.28 288.19 690.54
+ C 287.31 691.63 287.00 692.83 286.80 694.16
+ Q 286.64 695.23 286.33 694.19
+ Q 286.21 693.78 286.10 693.38
+ Q 285.89 692.69 285.28 693.07
+ C 279.72 696.59 275.18 695.45 269.22 695.13
+ Q 264.21 694.85 261.73 693.70
+ Q 256.46 691.23 258.96 683.82
+ Q 259.89 681.07 260.75 678.54
+ Q 267.32 669.81 268.60 661.74
+ Q 269.71 655.69 270.82 650.44
+ Q 271.35 647.93 271.51 645.50
+ Q 271.68 642.92 271.83 640.51
+ Q 272.67 632.41 272.72 621.74
+ Q 272.92 584.84 271.24 552.53
+ Q 271.21 552.02 270.71 552.11
+ Q 261.08 553.76 250.08 553.65
+ L 233.20 551.29
+ Q 232.72 551.22 232.37 551.53
+ L 232.03 551.83
+ Q 228.75 550.69 225.21 550.69
+ Q 224.65 550.69 224.22 551.02
+ Q 203.45 566.96 187.55 589.47
+ Q 183.86 594.70 182.60 599.38
+ C 179.46 611.16 184.04 624.21 191.56 633.43
+ Q 195.41 638.15 198.72 642.70
+ Q 203.45 649.19 214.25 657.20
+ C 223.11 663.78 232.16 670.00 239.88 677.92
+ Q 240.24 678.27 240.31 678.77
+ L 240.83 682.43
+ Q 241.80 692.24 239.94 700.50
+ Q 239.36 703.07 238.07 706.87
+ Q 236.21 711.80 233.18 715.33
+ Q 227.90 713.07 225.25 713.03
+ Q 221.20 712.96 217.05 713.03
+ Q 216.55 713.04 216.16 713.36
+ Q 213.51 715.55 210.94 719.78
+ Q 212.58 705.06 211.70 698.00
+ C 210.78 690.66 208.46 684.22 202.71 680.07
+ Q 202.32 679.79 201.81 679.91
+ Q 201.93 679.87 201.99 679.69
+ A 0.28 0.28 0.0 0 0 201.87 679.35
+ C 197.22 676.38 192.16 674.58 187.29 672.02
+ C 164.22 659.93 139.44 638.99 141.55 609.91
+ C 142.63 595.04 150.41 579.98 158.98 567.82
+ Q 161.84 563.77 163.67 559.28
+ Q 167.75 549.28 170.78 539.14
+ Q 171.03 538.30 170.83 537.46
+ Q 168.34 527.35 165.74 518.05
+ Q 164.32 512.96 161.73 507.98
+ Q 156.86 498.61 152.14 489.06
+ A 0.41 0.40 57.2 0 0 151.52 488.92
+ Q 149.19 490.81 148.04 493.59
+ Q 145.24 500.36 142.13 510.23
+ C 141.46 512.36 140.73 514.50 139.41 516.34
+ C 128.50 531.60 112.65 538.76 95.90 545.67
+ Q 86.69 549.46 79.48 550.60
+ C 66.16 552.69 52.87 549.97 39.84 547.45
+ C 28.96 545.34 19.09 537.05 13.09 527.08
+ C 5.50 514.46 5.47 500.31 14.97 488.47
+ Q 20.41 495.90 29.92 493.35
+ C 35.08 491.97 38.69 487.33 35.10 482.09
+ L 42.05 483.14
+ Q 40.11 486.59 40.25 491.36
+ C 40.33 494.40 41.66 497.69 44.21 499.37
+ Q 49.49 502.84 56.15 503.57
+ Q 62.40 504.25 65.98 503.38
+ Q 76.71 500.78 83.01 496.59
+ Q 90.37 491.70 86.97 483.16
+ Q 87.92 482.73 88.56 481.70
+ Q 88.83 481.27 88.74 480.76
+ C 86.62 469.39 79.69 460.52 71.96 452.26
+ Q 69.03 449.14 65.99 446.61
+ C 52.80 435.68 50.55 413.91 59.07 399.17
+ C 63.26 391.92 71.35 385.59 78.72 381.00
+ Q 86.77 375.99 94.87 370.39
+ Q 99.10 367.47 105.53 361.51
+ C 112.98 354.61 121.53 348.32 129.92 342.08
+ C 139.69 334.80 146.81 326.94 151.04 316.09
+ Q 152.74 311.72 154.94 308.24
+ C 160.26 299.84 165.52 292.45 173.33 286.09
+ Z
+ M 176.7967 316.3900
+ A 3.84 2.53 89.9 0 0 179.3200 312.5456
+ A 3.84 2.53 89.9 0 0 176.7833 308.7100
+ A 3.84 2.53 89.9 0 0 174.2600 312.5544
+ A 3.84 2.53 89.9 0 0 176.7967 316.3900
+ Z
+ M 146.5923 353.6700
+ A 7.05 5.77 89.9 0 0 152.3500 346.6099
+ A 7.05 5.77 89.9 0 0 146.5677 339.5700
+ A 7.05 5.77 89.9 0 0 140.8100 346.6301
+ A 7.05 5.77 89.9 0 0 146.5923 353.6700
+ Z
+ M 180.0100 363.9600
+ A 4.47 3.17 90.0 0 0 183.1800 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 355.0200
+ A 4.47 3.17 90.0 0 0 176.8400 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 363.9600
+ Z
+ M 119.12 422.41
+ Q 135.76 429.60 148.07 443.68
+ Q 148.91 444.64 148.92 443.37
+ Q 148.97 435.47 150.46 428.45
+ Q 151.34 424.30 153.69 417.97
+ Q 159.99 400.99 164.45 387.26
+ Q 169.32 372.22 167.30 357.62
+ A 0.68 0.68 0.0 0 0 166.21 357.17
+ C 159.47 362.32 153.52 367.25 145.32 370.89
+ Q 137.03 374.57 127.86 378.41
+ C 117.93 382.57 109.16 387.92 104.13 397.54
+ C 102.00 401.63 100.99 408.32 104.31 412.19
+ C 108.10 416.60 113.74 420.08 119.12 422.41
+ Z
+ M 180.6500 392.2400
+ A 6.40 5.13 90.0 0 0 185.7800 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 379.4400
+ A 6.40 5.13 90.0 0 0 175.5200 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 392.2400
+ Z
+ M 88.04 398.70
+ A 3.82 3.82 0.0 0 0 84.22 394.88
+ A 3.82 3.82 0.0 0 0 80.40 398.70
+ A 3.82 3.82 0.0 0 0 84.22 402.52
+ A 3.82 3.82 0.0 0 0 88.04 398.70
+ Z
+ M 108.0000 444.9600
+ A 6.40 4.49 90.0 0 0 112.4900 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 432.1600
+ A 6.40 4.49 90.0 0 0 103.5100 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 444.9600
+ Z
+ M 158.8805 441.9940
+ A 4.47 3.17 114.3 0 0 163.6091 439.2245
+ A 4.47 3.17 114.3 0 0 162.5595 433.8460
+ A 4.47 3.17 114.3 0 0 157.8309 436.6155
+ A 4.47 3.17 114.3 0 0 158.8805 441.9940
+ Z
+ M 123.4400 482.2600
+ A 5.77 4.49 90.0 0 0 127.9300 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 470.7200
+ A 5.77 4.49 90.0 0 0 118.9500 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 482.2600
+ Z
+ M 168.4277 500.2500
+ A 7.05 5.77 90.1 0 0 174.2100 493.2101
+ A 7.05 5.77 90.1 0 0 168.4523 486.1500
+ A 7.05 5.77 90.1 0 0 162.6700 493.1899
+ A 7.05 5.77 90.1 0 0 168.4277 500.2500
+ Z
+ M 36.6934 503.6706
+ A 10.25 7.69 -22.3 0 0 24.2920 500.4451
+ A 10.25 7.69 -22.3 0 0 17.7266 511.4494
+ A 10.25 7.69 -22.3 0 0 30.1280 514.6749
+ A 10.25 7.69 -22.3 0 0 36.6934 503.6706
+ Z
+ M 109.8178 524.4051
+ A 10.89 8.34 129.4 0 0 123.1746 521.2837
+ A 10.89 8.34 129.4 0 0 123.6422 507.5749
+ A 10.89 8.34 129.4 0 0 110.2854 510.6963
+ A 10.89 8.34 129.4 0 0 109.8178 524.4051
+ Z
+ M 65.6329 538.1020
+ A 8.97 5.13 20.3 0 0 58.9998 530.1786
+ A 8.97 5.13 20.3 0 0 48.8071 531.8780
+ A 8.97 5.13 20.3 0 0 55.4402 539.8014
+ A 8.97 5.13 20.3 0 0 65.6329 538.1020
+ Z
+ M 193.5100 542.6900
+ A 5.13 3.84 90.0 0 0 197.3500 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 532.4300
+ A 5.13 3.84 90.0 0 0 189.6700 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 542.6900
+ Z
+ M 294.4232 574.8299
+ A 5.12 4.49 90.3 0 0 298.9399 569.7335
+ A 5.12 4.49 90.3 0 0 294.4768 564.5901
+ A 5.12 4.49 90.3 0 0 289.9601 569.6865
+ A 5.12 4.49 90.3 0 0 294.4232 574.8299
+ Z
+ M 157.8726 614.5204
+ A 7.68 4.49 101.7 0 0 163.8267 607.9105
+ A 7.68 4.49 101.7 0 0 160.9874 599.4796
+ A 7.68 4.49 101.7 0 0 155.0333 606.0895
+ A 7.68 4.49 101.7 0 0 157.8726 614.5204
+ Z
+ M 282.3822 635.2489
+ A 10.90 6.41 89.2 0 0 288.6394 624.2605
+ A 10.90 6.41 89.2 0 0 282.0778 613.4511
+ A 10.90 6.41 89.2 0 0 275.8206 624.4395
+ A 10.90 6.41 89.2 0 0 282.3822 635.2489
+ Z
+ M 173.5979 646.8300
+ A 5.12 4.49 89.8 0 0 178.0700 641.6943
+ A 5.12 4.49 89.8 0 0 173.5621 636.5900
+ A 5.12 4.49 89.8 0 0 169.0900 641.7257
+ A 5.12 4.49 89.8 0 0 173.5979 646.8300
+ Z
+ M 283.4787 685.4099
+ A 4.48 3.83 90.4 0 0 287.3399 680.9567
+ A 4.48 3.83 90.4 0 0 283.5413 676.4501
+ A 4.48 3.83 90.4 0 0 279.6801 680.9033
+ A 4.48 3.83 90.4 0 0 283.4787 685.4099
+ Z
+ M 228.2200 690.5778
+ A 4.49 3.84 0.1 0 0 223.7367 686.7300
+ A 4.49 3.84 0.1 0 0 219.2400 690.5622
+ A 4.49 3.84 0.1 0 0 223.7233 694.4100
+ A 4.49 3.84 0.1 0 0 228.2200 690.5778
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 203.96 307.46
+ Q 209.54 310.77 212.04 311.43
+ Q 223.39 314.47 234.25 317.22
+ C 239.16 318.47 244.63 318.96 249.92 318.90
+ Q 260.22 318.76 270.68 318.56
+ C 274.80 318.48 278.93 317.77 283.01 317.11
+ Q 283.35 317.69 283.33 317.37
+ Q 283.14 318.02 283.20 318.49
+ Q 283.74 323.17 284.34 327.83
+ Q 284.87 331.91 284.91 337.21
+ Q 284.95 343.54 285.60 349.89
+ Q 285.74 355.81 285.71 362.00
+ Q 285.64 376.25 292.61 388.16
+ C 294.76 391.84 296.98 395.27 298.84 399.08
+ Q 308.01 417.90 313.80 440.05
+ Q 317.68 454.88 318.84 468.04
+ C 319.16 471.57 318.92 476.16 319.27 480.27
+ Q 320.27 491.99 320.45 503.75
+ Q 320.53 509.06 319.87 513.50
+ Q 315.40 522.45 311.03 526.78
+ Q 307.86 529.92 298.76 536.51
+ Q 290.40 542.57 280.65 545.84
+ Q 276.89 547.11 272.81 547.08
+ C 263.73 547.02 254.78 547.49 246.16 544.56
+ C 241.40 542.95 236.91 541.15 232.56 538.68
+ Q 220.36 531.73 208.25 524.39
+ Q 205.95 523.00 204.58 521.05
+ Q 198.62 512.55 196.49 505.83
+ Q 195.38 502.31 193.36 498.78
+ C 189.98 492.87 187.26 486.66 186.95 479.73
+ Q 185.57 448.08 185.93 438.85
+ Q 186.25 430.58 187.68 420.64
+ Q 188.81 412.80 190.44 404.27
+ Q 192.11 395.58 193.16 385.39
+ Q 194.11 376.23 196.35 365.83
+ Q 198.40 356.33 199.18 348.46
+ Q 200.35 336.58 201.19 325.25
+ Q 201.50 321.01 203.96 307.46
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(176.79,312.55) rotate(89.9)" rx="3.84" ry="2.53"/>
+<path fill="#f6e034" d="
+ M 283.33 317.37
+ Q 288.57 320.46 290.90 321.11
+ Q 311.84 326.91 324.15 329.46
+ C 333.45 331.39 343.53 332.75 352.99 331.40
+ Q 361.92 330.12 371.23 328.82
+ Q 384.02 327.02 396.44 329.76
+ Q 396.63 329.91 396.87 329.99
+ Q 397.25 330.11 397.49 330.43
+ L 406.65 342.96
+ C 406.31 344.51 406.08 346.08 405.10 347.38
+ C 391.24 365.89 375.83 388.07 374.04 411.35
+ Q 373.55 417.67 373.45 423.89
+ Q 373.26 435.93 377.81 447.71
+ Q 378.09 448.44 378.58 448.97
+ Q 378.48 449.23 378.58 449.46
+ Q 384.60 463.84 396.01 472.74
+ Q 398.86 474.96 401.67 477.31
+ C 408.83 483.28 418.06 486.71 427.25 487.59
+ Q 435.74 488.41 443.79 487.40
+ C 447.11 486.71 454.62 484.60 457.29 486.76
+ C 464.64 492.71 465.90 502.74 463.20 511.24
+ Q 459.10 524.15 452.70 532.71
+ Q 447.00 540.33 441.95 546.94
+ Q 432.66 556.61 423.96 561.98
+ Q 399.15 577.30 370.30 566.48
+ Q 361.88 564.57 355.09 559.67
+ Q 340.65 549.26 335.22 531.74
+ Q 333.69 526.82 333.55 519.91
+ Q 333.19 501.72 333.44 489.42
+ Q 333.73 475.25 335.44 458.35
+ C 337.39 439.00 341.08 420.82 347.66 404.00
+ C 349.51 399.27 350.89 394.26 353.08 389.62
+ Q 356.76 381.80 362.35 372.99
+ C 364.79 369.14 367.35 362.68 363.27 359.06
+ Q 361.80 357.75 359.38 357.83
+ Q 340.57 358.44 320.02 354.67
+ Q 306.79 352.25 294.30 349.42
+ C 291.43 348.77 287.95 346.87 285.60 349.89
+ Q 284.95 343.54 284.91 337.21
+ Q 284.87 331.91 284.34 327.83
+ Q 283.74 323.17 283.20 318.49
+ Q 283.14 318.02 283.33 317.37
+ Z
+ M 304.0900 347.2500
+ A 5.77 5.13 90.0 0 0 309.2200 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 335.7100
+ A 5.77 5.13 90.0 0 0 298.9600 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 347.2500
+ Z
+ M 359.3910 352.3600
+ A 3.16 2.54 89.8 0 0 361.9200 349.1911
+ A 3.16 2.54 89.8 0 0 359.3690 346.0400
+ A 3.16 2.54 89.8 0 0 356.8400 349.2089
+ A 3.16 2.54 89.8 0 0 359.3910 352.3600
+ Z
+ M 353.5799 438.5199
+ A 3.83 3.16 90.3 0 0 356.7600 434.7065
+ A 3.83 3.16 90.3 0 0 353.6201 430.8601
+ A 3.83 3.16 90.3 0 0 350.4400 434.6735
+ A 3.83 3.16 90.3 0 0 353.5799 438.5199
+ Z
+ M 353.6785 491.4037
+ A 11.54 4.49 72.3 0 0 354.4475 479.0449
+ A 11.54 4.49 72.3 0 0 346.6615 469.4163
+ A 11.54 4.49 72.3 0 0 345.8925 481.7751
+ A 11.54 4.49 72.3 0 0 353.6785 491.4037
+ Z
+ M 387.65 498.34
+ A 4.48 4.48 0.0 0 0 383.17 493.86
+ A 4.48 4.48 0.0 0 0 378.69 498.34
+ A 4.48 4.48 0.0 0 0 383.17 502.82
+ A 4.48 4.48 0.0 0 0 387.65 498.34
+ Z
+ M 395.2258 544.0332
+ A 17.41 11.13 17.7 0 0 382.0239 528.1369
+ A 17.41 11.13 17.7 0 0 362.0542 533.4468
+ A 17.41 11.13 17.7 0 0 375.2561 549.3431
+ A 17.41 11.13 17.7 0 0 395.2258 544.0332
+ Z"
+/>
+<path fill="#272727" d="
+ M 891.35 349.92
+ A 0.24 0.24 0.0 0 1 891.18 349.63
+ L 891.49 348.54
+ A 28.25 28.19 -74.2 0 1 926.31 329.03
+ L 927.50 329.37
+ A 28.25 28.19 -74.2 0 1 946.93 364.23
+ L 946.62 365.31
+ A 0.24 0.24 0.0 0 1 946.33 365.48
+ L 891.35 349.92
+ Z
+ M 933.29 340.47
+ C 923.70 333.20 908.83 334.19 901.37 344.58
+ A 0.28 0.28 0.0 0 0 901.52 345.01
+ L 939.69 355.83
+ Q 940.38 356.02 940.35 355.31
+ Q 939.93 345.51 933.29 340.47
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(304.09,341.48) rotate(90.0)" rx="5.77" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(146.58,346.62) rotate(89.9)" rx="7.05" ry="5.77"/>
+<path fill="#272727" d="
+ M 406.65 342.96
+ Q 406.77 343.34 407.25 343.50
+ Q 407.72 343.66 408.05 344.03
+ Q 421.37 358.65 437.67 369.33
+ C 410.21 387.57 390.46 415.07 379.45 445.98
+ Q 378.69 448.11 378.58 448.97
+ Q 378.09 448.44 377.81 447.71
+ Q 373.26 435.93 373.45 423.89
+ Q 373.55 417.67 374.04 411.35
+ C 375.83 388.07 391.24 365.89 405.10 347.38
+ C 406.08 346.08 406.31 344.51 406.65 342.96
+ Z
+ M 387.03 390.74
+ Q 380.66 405.57 381.07 422.49
+ Q 381.09 423.24 381.43 422.58
+ C 392.10 401.93 405.94 384.30 424.14 369.81
+ Q 424.71 369.35 424.12 368.92
+ Q 416.94 363.59 409.02 355.85
+ Q 408.56 355.41 408.19 355.92
+ C 400.16 366.70 392.38 378.31 387.03 390.74
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(359.38,349.20) rotate(89.8)" rx="3.16" ry="2.54"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(180.01,359.49) rotate(90.0)" rx="4.47" ry="3.17"/>
+<path fill="#272727" d="
+ M 119.12 422.41
+ C 113.74 420.08 108.10 416.60 104.31 412.19
+ C 100.99 408.32 102.00 401.63 104.13 397.54
+ C 109.16 387.92 117.93 382.57 127.86 378.41
+ Q 137.03 374.57 145.32 370.89
+ C 153.52 367.25 159.47 362.32 166.21 357.17
+ A 0.68 0.68 0.0 0 1 167.30 357.62
+ Q 169.32 372.22 164.45 387.26
+ Q 159.99 400.99 153.69 417.97
+ Q 151.34 424.30 150.46 428.45
+ Q 148.97 435.47 148.92 443.37
+ Q 148.91 444.64 148.07 443.68
+ Q 135.76 429.60 119.12 422.41
+ Z
+ M 136.80 382.73
+ Q 129.37 385.60 122.39 389.44
+ C 116.92 392.46 108.55 399.92 109.82 406.73
+ Q 109.91 407.26 110.28 407.66
+ Q 113.46 411.10 117.55 413.17
+ C 126.22 417.57 134.76 421.35 142.37 427.83
+ A 0.36 0.36 0.0 0 0 142.96 427.61
+ C 143.81 422.46 145.91 417.96 147.59 413.09
+ Q 151.31 402.23 155.37 391.08
+ Q 158.94 381.26 160.10 372.01
+ Q 160.19 371.33 159.60 371.68
+ Q 149.00 378.02 136.80 382.73
+ Z"
+/>
+<path fill="#73bc0b" d="
+ M 437.67 369.33
+ Q 460.73 383.76 486.90 390.40
+ C 521.09 399.06 555.05 394.77 586.95 379.91
+ Q 593.42 376.90 598.49 372.59
+ Q 596.88 378.87 597.01 384.75
+ C 597.41 402.39 613.33 410.16 628.83 411.59
+ C 628.72 430.05 615.86 444.10 597.16 443.76
+ C 585.78 443.56 578.28 438.40 569.54 432.01
+ C 551.05 418.50 527.31 414.92 504.96 419.24
+ C 481.35 423.79 463.40 438.97 452.97 460.23
+ Q 446.67 473.08 443.79 487.40
+ Q 435.74 488.41 427.25 487.59
+ C 418.06 486.71 408.83 483.28 401.67 477.31
+ Q 398.86 474.96 396.01 472.74
+ Q 384.60 463.84 378.58 449.46
+ Q 378.48 449.23 378.58 448.97
+ Q 378.69 448.11 379.45 445.98
+ C 390.46 415.07 410.21 387.57 437.67 369.33
+ Z"
+/>
+<path fill="#272727" d="
+ M 1073.63 377.07
+ C 1079.91 379.79 1092.06 387.06 1087.97 395.65
+ C 1085.54 400.75 1079.84 403.16 1074.52 403.71
+ C 1063.29 404.86 1049.24 402.01 1041.12 393.45
+ C 1034.76 386.75 1036.21 376.65 1045.56 373.70
+ C 1054.14 371.00 1065.43 373.50 1073.63 377.07
+ Z
+ M 1080.72 390.83
+ C 1073.37 382.99 1059.91 379.25 1049.91 380.31
+ C 1047.37 380.58 1044.08 381.99 1044.82 385.15
+ C 1046.08 390.53 1054.80 394.09 1059.84 395.27
+ C 1066.27 396.78 1076.35 397.77 1080.69 393.36
+ A 1.83 1.83 0.0 0 0 1080.72 390.83
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(180.65,385.84) rotate(90.0)" rx="6.40" ry="5.13"/>
+<circle fill="#000000" cx="84.22" cy="398.70" r="3.82"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(353.60,434.69) rotate(90.3)" rx="3.83" ry="3.16"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(108.00,438.56) rotate(90.0)" rx="6.40" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(160.72,437.92) rotate(114.3)" rx="4.47" ry="3.17"/>
+<path fill="#272727" d="
+ M 752.86 484.77
+ Q 759.40 477.73 770.55 470.56
+ Q 792.08 456.69 817.37 462.40
+ C 829.37 465.11 839.76 471.87 845.55 482.70
+ C 856.96 504.04 846.75 529.99 824.23 537.93
+ C 815.15 541.13 804.17 540.60 794.68 539.54
+ C 780.92 538.00 766.18 549.97 767.27 564.31
+ Q 771.12 615.08 775.71 675.93
+ C 777.76 703.19 760.31 716.79 734.26 716.10
+ C 712.95 715.53 701.34 701.52 699.78 680.79
+ Q 693.24 594.34 686.94 510.94
+ C 685.76 495.38 691.06 480.21 706.25 473.66
+ Q 714.84 469.97 724.51 469.94
+ Q 742.32 469.89 751.99 484.70
+ Q 752.38 485.29 752.86 484.77
+ Z
+ M 749.58 500.79
+ C 748.13 486.48 737.90 476.86 723.19 477.48
+ C 707.62 478.13 695.96 485.83 694.59 502.48
+ Q 694.12 508.13 694.72 515.78
+ Q 701.07 596.97 706.74 674.06
+ C 707.29 681.65 707.82 688.79 711.37 695.72
+ C 717.09 706.90 729.11 709.41 740.55 708.46
+ C 760.98 706.77 769.70 695.32 768.16 675.27
+ Q 764.13 622.43 759.76 564.54
+ C 758.81 551.93 766.77 541.17 777.71 535.55
+ C 784.73 531.94 790.93 531.48 798.97 532.38
+ C 809.27 533.54 820.87 533.08 829.47 526.96
+ C 840.73 518.96 845.33 504.95 841.25 491.73
+ C 835.60 473.41 817.12 467.80 799.94 468.36
+ Q 792.55 468.60 786.54 470.93
+ C 773.07 476.17 757.22 487.42 750.19 500.91
+ Q 749.69 501.87 749.58 500.79
+ Z"
+/>
+<path fill="#73bc0b" d="
+ M 750.19 500.91
+ C 757.22 487.42 773.07 476.17 786.54 470.93
+ Q 792.55 468.60 799.94 468.36
+ C 817.12 467.80 835.60 473.41 841.25 491.73
+ C 845.33 504.95 840.73 518.96 829.47 526.96
+ C 820.87 533.08 809.27 533.54 798.97 532.38
+ C 790.93 531.48 784.73 531.94 777.71 535.55
+ C 766.77 541.17 758.81 551.93 759.76 564.54
+ Q 764.13 622.43 768.16 675.27
+ C 769.70 695.32 760.98 706.77 740.55 708.46
+ C 729.11 709.41 717.09 706.90 711.37 695.72
+ C 707.82 688.79 707.29 681.65 706.74 674.06
+ Q 701.07 596.97 694.72 515.78
+ Q 694.12 508.13 694.59 502.48
+ C 695.96 485.83 707.62 478.13 723.19 477.48
+ C 737.90 476.86 748.13 486.48 749.58 500.79
+ Q 749.69 501.87 750.19 500.91
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(350.17,480.41) rotate(72.3)" rx="11.54" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(123.44,476.49) rotate(90.0)" rx="5.77" ry="4.49"/>
+<circle fill="#ff8049" cx="979.60" cy="507.13" r="33.30"/>
+<path fill="#ff8049" d="
+ M 35.10 482.09
+ C 38.69 487.33 35.08 491.97 29.92 493.35
+ Q 20.41 495.90 14.97 488.47
+ Q 13.96 482.70 19.00 480.22
+ Q 27.61 475.98 35.10 482.09
+ Z"
+/>
+<path fill="#ff8049" d="
+ M 86.97 483.16
+ Q 90.37 491.70 83.01 496.59
+ Q 76.71 500.78 65.98 503.38
+ Q 62.40 504.25 56.15 503.57
+ Q 49.49 502.84 44.21 499.37
+ C 41.66 497.69 40.33 494.40 40.25 491.36
+ Q 40.11 486.59 42.05 483.14
+ C 43.78 482.31 45.02 481.27 46.93 481.21
+ Q 55.28 480.95 63.51 480.31
+ Q 67.41 480.01 73.95 478.90
+ Q 82.80 477.41 86.97 483.16
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(168.44,493.20) rotate(90.1)" rx="7.05" ry="5.77"/>
+<path fill="#73bc0b" d="
+ M 370.30 566.48
+ Q 399.15 577.30 423.96 561.98
+ Q 432.66 556.61 441.95 546.94
+ Q 445.09 567.61 453.83 585.44
+ C 466.24 610.76 488.37 629.02 517.09 630.59
+ Q 534.51 631.55 549.97 625.82
+ C 578.12 615.40 590.10 589.42 590.84 560.54
+ Q 590.86 559.95 590.27 559.99
+ Q 556.71 562.54 525.71 564.87
+ Q 520.79 565.24 515.64 564.57
+ C 495.03 561.93 487.00 547.38 486.90 528.34
+ C 486.80 506.70 500.82 496.26 521.63 494.61
+ Q 565.49 491.13 613.75 487.57
+ Q 620.59 487.07 627.93 488.27
+ C 654.13 492.56 659.37 515.82 661.23 537.95
+ C 666.47 600.25 644.24 659.78 586.44 688.12
+ Q 577.13 692.68 567.45 695.53
+ Q 522.99 708.60 480.45 697.99
+ C 418.61 682.56 381.15 626.57 370.30 566.48
+ Z"
+/>
+<path fill="#000000" d="
+ M 1287.46 595.81
+ L 1283.47 631.71
+ Q 1283.46 631.84 1283.53 631.95
+ Q 1283.61 632.06 1283.63 632.20
+ Q 1283.65 632.39 1283.47 632.46
+ Q 1282.98 632.65 1282.81 632.15
+ C 1274.67 607.37 1258.28 585.87 1239.43 567.45
+ Q 1237.93 565.97 1235.97 565.44
+ C 1204.36 556.79 1174.68 568.16 1159.03 596.80
+ Q 1151.51 610.57 1146.61 631.63
+ Q 1146.49 632.15 1146.32 631.65
+ Q 1145.44 629.05 1145.08 626.24
+ Q 1143.67 615.31 1143.31 609.94
+ L 1142.50 596.04
+ Q 1142.63 596.03 1142.76 596.01
+ Q 1142.79 596.01 1142.79 595.98
+ Q 1142.79 569.98 1151.32 544.77
+ Q 1156.76 528.67 1164.63 518.16
+ C 1182.19 494.70 1209.69 487.72 1237.24 495.77
+ C 1238.41 496.11 1238.85 496.94 1239.63 497.70
+ C 1263.74 520.98 1284.10 550.34 1287.33 584.39
+ C 1287.66 587.87 1287.12 591.95 1287.46 595.81
+ Z"
+/>
+<circle fill="#000000" cx="383.17" cy="498.34" r="4.48"/>
+<ellipse fill="#ff8049" cx="0.00" cy="0.00" transform="translate(27.21,507.56) rotate(-22.3)" rx="10.25" ry="7.69"/>
+<circle fill="#ff8049" cx="1053.51" cy="529.76" r="25.76"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(116.73,515.99) rotate(129.4)" rx="10.89" ry="8.34"/>
+<circle fill="#ff8049" cx="917.75" cy="547.86" r="25.76"/>
+<path fill="#73bc0b" d="
+ M 1059.79 602.86
+ Q 1059.89 603.66 1060.26 602.94
+ Q 1076.40 570.65 1092.32 539.09
+ C 1097.63 528.55 1107.86 523.64 1119.47 527.42
+ C 1135.70 532.71 1143.61 545.41 1135.36 561.88
+ Q 1087.05 658.29 1039.59 752.80
+ C 1031.69 768.54 1016.57 768.29 1003.41 759.08
+ C 990.92 750.34 995.06 737.88 1001.28 726.87
+ Q 1001.84 725.89 1000.85 726.43
+ C 988.67 733.07 975.80 736.81 962.51 735.28
+ C 936.09 732.22 921.34 708.39 917.89 684.16
+ C 913.00 649.77 927.15 614.40 949.72 588.57
+ C 973.53 561.33 1017.37 543.23 1046.51 574.04
+ Q 1057.70 585.87 1059.79 602.86
+ Z
+ M 1005.65 692.69
+ C 1022.59 683.36 1034.32 662.21 1036.68 643.51
+ C 1038.13 632.02 1035.91 619.09 1026.72 611.73
+ C 1018.15 604.86 1006.99 606.27 998.02 611.92
+ C 983.15 621.29 972.50 638.58 967.93 655.61
+ C 963.87 670.71 965.05 689.02 981.25 695.48
+ C 989.00 698.57 998.37 696.70 1005.65 692.69
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(378.64,538.74) rotate(17.7)" rx="17.41" ry="11.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(57.22,534.99) rotate(20.3)" rx="8.97" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(193.51,537.56) rotate(90.0)" rx="5.13" ry="3.84"/>
+<path fill="#272727" d="
+ M 232.03 551.83
+ Q 232.92 552.03 232.95 552.75
+ Q 233.03 554.77 233.20 556.62
+ Q 234.61 572.35 237.54 588.90
+ Q 241.30 610.13 249.88 630.21
+ Q 257.05 646.99 268.60 661.74
+ Q 267.32 669.81 260.75 678.54
+ Q 250.43 678.87 240.83 682.43
+ L 240.31 678.77
+ Q 240.24 678.27 239.88 677.92
+ C 232.16 670.00 223.11 663.78 214.25 657.20
+ Q 203.45 649.19 198.72 642.70
+ Q 195.41 638.15 191.56 633.43
+ C 184.04 624.21 179.46 611.16 182.60 599.38
+ Q 183.86 594.70 187.55 589.47
+ Q 203.45 566.96 224.22 551.02
+ Q 224.65 550.69 225.21 550.69
+ Q 228.75 550.69 232.03 551.83
+ Z
+ M 260.50 663.22
+ C 246.97 644.78 238.20 624.39 232.98 602.25
+ Q 228.54 583.38 226.19 559.74
+ Q 226.11 559.00 225.54 559.47
+ Q 207.51 574.21 193.91 593.47
+ Q 190.86 597.79 189.84 601.34
+ C 187.05 610.99 191.92 622.45 198.25 629.80
+ Q 200.83 632.80 203.36 636.36
+ Q 208.12 643.08 215.09 648.42
+ C 225.23 656.19 235.90 663.19 245.09 672.56
+ Q 245.52 673.00 246.13 672.90
+ L 256.13 671.27
+ Q 256.73 671.17 257.02 670.63
+ L 260.56 664.17
+ Q 260.84 663.68 260.50 663.22
+ Z"
+/>
+<path fill="#dba200" d="
+ M 250.08 553.65
+ Q 248.99 562.06 250.03 570.50
+ C 253.01 594.72 261.39 618.99 271.83 640.51
+ Q 271.68 642.92 271.51 645.50
+ Q 271.35 647.93 270.82 650.44
+ Q 269.71 655.69 268.60 661.74
+ Q 257.05 646.99 249.88 630.21
+ Q 241.30 610.13 237.54 588.90
+ Q 234.61 572.35 233.20 556.62
+ Q 233.03 554.77 232.95 552.75
+ Q 232.92 552.03 232.03 551.83
+ L 232.37 551.53
+ Q 232.72 551.22 233.20 551.29
+ L 250.08 553.65
+ Z"
+/>
+<path fill="#272727" d="
+ M 271.83 640.51
+ C 261.39 618.99 253.01 594.72 250.03 570.50
+ Q 248.99 562.06 250.08 553.65
+ Q 261.08 553.76 270.71 552.11
+ Q 271.21 552.02 271.24 552.53
+ Q 272.92 584.84 272.72 621.74
+ Q 272.67 632.41 271.83 640.51
+ Z
+ M 264.89 603.82
+ Q 264.90 603.87 264.94 603.92
+ Q 265.28 604.40 265.28 603.81
+ Q 265.01 582.11 264.22 561.03
+ Q 264.20 560.61 263.78 560.64
+ L 257.12 561.11
+ Q 256.79 561.13 256.80 561.46
+ Q 257.62 581.41 264.89 603.82
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(294.45,569.71) rotate(90.3)" rx="5.12" ry="4.49"/>
+<path fill="#272727" d="
+ M 855.7399 744.9579
+ A 32.26 32.26 0.0 0 1 812.4750 759.4342
+ L 810.9715 758.6846
+ A 32.26 32.26 0.0 0 1 796.4953 715.4197
+ L 857.6601 592.7421
+ A 32.26 32.26 0.0 0 1 900.9250 578.2658
+ L 902.4285 579.0154
+ A 32.26 32.26 0.0 0 1 916.9047 622.2803
+ L 855.7399 744.9579
+ Z
+ M 910.1080 619.1710
+ A 25.09 25.09 0.0 0 0 898.8492 585.5220
+ L 897.8827 585.0401
+ A 25.09 25.09 0.0 0 0 864.2337 596.2989
+ L 803.2920 718.5290
+ A 25.09 25.09 0.0 0 0 814.5508 752.1780
+ L 815.5173 752.6599
+ A 25.09 25.09 0.0 0 0 849.1663 741.4011
+ L 910.1080 619.1710
+ Z"
+/>
+<rect fill="#73bc0b" x="-25.63" y="-93.38" transform="translate(856.70,668.85) rotate(26.5)" width="51.26" height="186.76" rx="25.09"/>
+<path fill="#ad8f00" d="
+ M 1142.50 596.04
+ L 1143.31 609.94
+ Q 1142.69 609.92 1142.95 610.71
+ Q 1141.96 603.21 1142.43 595.66
+ Q 1142.44 595.62 1142.41 595.61
+ Q 1142.39 595.59 1142.38 595.61
+ Q 1142.38 595.63 1142.37 595.64
+ Q 1142.35 595.94 1142.50 596.04
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(159.43,607.00) rotate(101.7)" rx="7.68" ry="4.49"/>
+<path fill="#272727" d="
+ M 1036.68 643.51
+ C 1034.32 662.21 1022.59 683.36 1005.65 692.69
+ C 998.37 696.70 989.00 698.57 981.25 695.48
+ C 965.05 689.02 963.87 670.71 967.93 655.61
+ C 972.50 638.58 983.15 621.29 998.02 611.92
+ C 1006.99 606.27 1018.15 604.86 1026.72 611.73
+ C 1035.91 619.09 1038.13 632.02 1036.68 643.51
+ Z
+ M 1024.52 659.21
+ C 1029.27 648.31 1032.00 634.37 1026.87 623.85
+ C 1020.71 611.22 1007.79 612.97 998.53 620.64
+ Q 979.07 636.76 974.00 663.00
+ Q 973.04 667.98 973.57 673.03
+ C 975.60 692.40 993.57 692.92 1006.30 683.42
+ Q 1017.66 674.94 1024.52 659.21
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(282.23,624.35) rotate(89.2)" rx="10.90" ry="6.41"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(173.58,641.71) rotate(89.8)" rx="5.12" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(283.51,680.93) rotate(90.4)" rx="4.48" ry="3.83"/>
+<path fill="#e7f7fd" d="
+ M 260.75 678.54
+ Q 259.89 681.07 258.96 683.82
+ Q 256.46 691.23 261.73 693.70
+ Q 264.21 694.85 269.22 695.13
+ C 275.18 695.45 279.72 696.59 285.28 693.07
+ Q 285.89 692.69 286.10 693.38
+ Q 286.21 693.78 286.33 694.19
+ Q 286.64 695.23 286.80 694.16
+ C 287.00 692.83 287.31 691.63 288.19 690.54
+ Q 290.00 688.28 291.54 685.60
+ C 298.01 689.73 302.98 694.88 308.40 699.81
+ C 313.62 704.55 314.48 712.61 313.73 719.40
+ Q 313.67 719.89 313.35 720.27
+ C 309.45 724.85 305.30 727.93 300.52 731.14
+ Q 298.71 732.35 296.44 734.64
+ Q 294.49 736.63 292.48 738.09
+ Q 279.42 737.11 267.00 739.14
+ Q 266.49 739.22 266.11 738.88
+ Q 264.85 737.77 263.11 737.31
+ Q 262.63 737.18 262.38 736.75
+ Q 261.92 735.95 262.51 735.23
+ Q 263.34 734.21 262.04 734.14
+ C 254.74 733.71 254.37 723.13 247.76 720.78
+ Q 244.61 719.66 242.39 718.81
+ L 238.07 706.87
+ Q 239.36 703.07 239.94 700.50
+ Q 241.80 692.24 240.83 682.43
+ Q 250.43 678.87 260.75 678.54
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 201.81 679.91
+ Q 202.32 679.79 202.71 680.07
+ C 208.46 684.22 210.78 690.66 211.70 698.00
+ Q 212.58 705.06 210.94 719.78
+ Q 211.90 722.57 209.71 726.29
+ Q 209.42 726.78 209.41 727.35
+ Q 209.32 731.42 207.65 734.00
+ C 205.71 737.00 205.34 741.68 205.35 745.21
+ Q 203.11 748.55 199.71 750.70
+ Q 198.68 751.35 197.08 753.98
+ Q 195.76 753.07 195.83 750.37
+ Q 195.88 748.65 195.38 747.89
+ Q 194.61 746.70 193.24 746.23
+ C 192.42 744.83 192.86 743.53 191.13 742.64
+ Q 182.40 738.14 174.26 733.72
+ C 167.75 730.18 162.44 726.72 158.11 721.29
+ C 152.50 714.26 165.45 699.09 170.29 694.62
+ Q 170.93 694.04 171.08 694.89
+ C 171.62 697.95 173.77 705.01 178.12 702.80
+ Q 179.51 702.09 179.95 700.51
+ Q 180.93 696.93 183.03 694.52
+ Q 190.45 686.00 201.81 679.91
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(223.73,690.57) rotate(0.1)" rx="4.49" ry="3.84"/>
+<path fill="#1938d5" d="
+ M 238.07 706.87
+ L 242.39 718.81
+ L 233.18 715.33
+ Q 236.21 711.80 238.07 706.87
+ Z"
+/>
+<path fill="#ff5698" d="
+ M 233.18 715.33
+ L 242.39 718.81
+ Q 244.61 719.66 247.76 720.78
+ C 254.37 723.13 254.74 733.71 262.04 734.14
+ Q 263.34 734.21 262.51 735.23
+ Q 261.92 735.95 262.38 736.75
+ Q 262.63 737.18 263.11 737.31
+ Q 264.85 737.77 266.11 738.88
+ Q 266.49 739.22 267.00 739.14
+ Q 279.42 737.11 292.48 738.09
+ Q 298.31 738.93 304.03 741.42
+ C 306.84 742.64 309.83 742.97 312.30 744.73
+ Q 315.82 747.22 319.95 751.56
+ Q 321.31 752.99 321.65 754.85
+ Q 323.09 762.81 319.23 769.41
+ C 317.87 771.72 313.23 772.36 310.75 773.09
+ A 1.78 1.78 0.0 0 0 309.66 775.60
+ C 310.69 777.64 311.30 779.85 312.50 781.75
+ C 314.45 784.83 317.06 788.05 318.64 791.45
+ Q 319.44 793.16 321.09 794.78
+ C 324.17 797.81 324.88 803.79 326.25 807.94
+ C 327.46 811.60 326.50 815.00 322.75 816.32
+ C 318.75 817.73 316.62 815.35 315.12 811.72
+ C 312.05 804.27 309.86 796.07 303.95 789.76
+ Q 300.68 786.26 297.73 782.95
+ C 296.54 781.61 295.82 779.88 294.65 778.55
+ Q 288.32 771.38 282.27 763.85
+ L 275.07 756.62
+ Q 273.11 755.55 270.91 754.76
+ C 267.40 753.50 264.90 751.07 261.97 748.30
+ C 260.89 747.27 259.40 746.18 257.84 746.21
+ Q 249.75 746.39 242.04 748.00
+ L 237.72 750.20
+ Q 237.18 750.47 237.76 750.67
+ L 240.93 751.73
+ Q 243.78 752.50 246.58 753.14
+ C 248.89 753.68 250.44 754.85 252.27 756.16
+ Q 252.66 756.44 253.15 756.45
+ Q 257.96 756.54 263.08 756.47
+ C 266.30 756.42 272.93 760.65 269.36 764.36
+ A 1.44 1.42 -71.8 0 1 268.54 764.78
+ Q 267.23 764.98 265.96 764.67
+ Q 261.86 763.66 257.16 764.16
+ Q 256.50 764.23 256.87 764.79
+ C 258.15 766.69 260.31 767.60 261.91 768.99
+ Q 262.86 769.82 264.29 771.75
+ Q 265.42 773.28 266.73 774.58
+ Q 268.56 777.63 269.89 779.11
+ C 272.46 781.97 277.89 786.99 272.23 790.33
+ Q 271.76 790.60 271.24 790.45
+ Q 269.22 789.85 268.56 788.42
+ Q 266.97 784.93 264.93 781.65
+ Q 260.21 774.52 258.50 772.76
+ Q 257.25 771.48 254.70 770.60
+ C 251.98 769.67 250.41 766.82 248.28 764.92
+ A 1.43 1.42 57.4 0 0 246.94 764.62
+ Q 239.48 766.76 233.92 772.43
+ Q 232.53 773.85 225.73 776.34
+ L 223.65 776.34
+ Q 222.92 776.35 222.97 775.62
+ Q 223.06 774.43 223.56 773.25
+ Q 223.77 772.76 223.63 772.25
+ Q 222.25 767.33 226.65 765.04
+ C 227.71 764.49 228.01 763.48 229.05 762.84
+ Q 232.83 760.53 236.78 758.82
+ L 239.90 757.66
+ Q 240.38 757.48 239.93 757.22
+ Q 239.17 756.78 238.30 756.60
+ L 232.78 753.92
+ A 0.90 0.88 43.9 0 0 232.01 753.93
+ Q 225.20 757.37 219.79 761.66
+ C 214.47 765.88 208.22 769.34 202.39 772.96
+ Q 201.86 773.29 202.23 773.79
+ Q 203.81 775.86 205.93 776.77
+ Q 208.81 778.02 211.41 779.90
+ C 212.50 780.69 213.55 780.87 214.88 780.80
+ A 2.23 2.23 0.0 0 1 217.05 783.88
+ Q 216.15 786.04 214.81 788.23
+ A 1.36 1.33 9.6 0 1 213.95 788.83
+ Q 210.25 789.60 207.32 787.50
+ C 205.66 786.30 202.74 785.52 201.71 783.89
+ Q 199.42 780.25 196.19 777.09
+ A 2.02 2.02 0.0 0 0 192.76 778.60
+ Q 192.82 780.29 192.76 782.13
+ C 192.65 785.07 194.36 787.11 194.70 790.01
+ Q 194.93 791.97 195.58 793.93
+ Q 197.11 798.49 196.68 803.81
+ Q 196.64 804.35 196.27 804.77
+ Q 194.27 807.03 191.29 808.32
+ Q 190.46 808.67 189.85 808.01
+ Q 188.23 806.27 188.27 804.24
+ Q 188.36 798.74 188.31 793.39
+ Q 188.29 791.65 188.88 786.66
+ Q 189.31 782.88 188.66 778.97
+ Q 188.84 778.61 188.80 778.26
+ A 0.75 0.75 0.0 0 0 188.20 777.59
+ L 186.76 777.31
+ Q 186.49 777.26 186.44 777.52
+ Q 186.41 777.66 186.38 777.80
+ Q 186.27 778.28 185.89 778.59
+ Q 183.44 780.55 182.06 783.23
+ A 2.89 2.78 85.3 0 1 181.35 784.10
+ L 180.35 784.93
+ A 0.84 0.83 53.8 0 0 180.19 786.03
+ Q 180.58 786.63 180.28 787.21
+ A 0.83 0.81 -81.2 0 1 179.75 787.61
+ Q 173.53 789.07 168.23 787.98
+ Q 167.51 787.84 167.86 788.48
+ C 168.59 789.81 169.61 790.90 170.08 792.36
+ Q 171.65 797.21 171.80 802.54
+ Q 171.86 804.38 170.01 804.41
+ L 168.62 804.43
+ Q 167.17 804.45 166.91 803.02
+ Q 166.53 800.88 166.60 798.46
+ Q 166.62 797.86 166.35 797.32
+ L 162.57 789.78
+ A 0.86 0.86 0.0 0 0 161.30 789.47
+ Q 158.71 791.32 156.13 791.80
+ Q 154.47 786.58 159.34 784.92
+ A 0.46 0.46 0.0 0 0 159.41 784.07
+ L 154.79 781.69
+ A 0.96 0.93 6.6 0 1 154.32 781.12
+ Q 153.36 777.97 153.91 774.93
+ C 154.58 771.21 158.81 772.09 157.83 767.22
+ Q 155.39 755.12 159.37 743.68
+ Q 159.92 742.09 162.30 740.25
+ Q 163.64 739.22 165.14 739.17
+ Q 167.07 739.10 168.76 739.36
+ Q 171.58 739.78 174.75 740.11
+ Q 179.15 740.56 180.72 740.98
+ Q 187.30 742.75 193.24 746.23
+ Q 194.61 746.70 195.38 747.89
+ Q 195.88 748.65 195.83 750.37
+ Q 195.76 753.07 197.08 753.98
+ Q 196.12 755.33 196.09 757.00
+ Q 196.08 757.60 196.60 757.31
+ C 201.34 754.67 207.36 754.83 212.67 754.44
+ Q 215.04 754.27 216.86 752.93
+ Q 219.13 751.25 216.31 751.22
+ Q 214.22 751.19 212.00 751.30
+ Q 205.52 751.61 205.35 745.21
+ C 205.34 741.68 205.71 737.00 207.65 734.00
+ Q 209.32 731.42 209.41 727.35
+ Q 209.42 726.78 209.71 726.29
+ Q 211.90 722.57 210.94 719.78
+ Q 213.51 715.55 216.16 713.36
+ Q 216.55 713.04 217.05 713.03
+ Q 221.20 712.96 225.25 713.03
+ Q 227.90 713.07 233.18 715.33
+ Z
+ M 216.74 735.57
+ L 216.54 739.41
+ A 1.73 1.72 -83.1 0 0 217.94 741.20
+ C 221.63 741.88 226.10 739.97 229.43 739.44
+ Q 233.26 738.84 235.99 738.11
+ Q 239.17 737.27 242.49 736.44
+ Q 243.56 737.00 244.98 736.47
+ Q 247.59 735.49 246.62 732.93
+ Q 245.75 730.63 241.89 728.88
+ Q 239.48 727.56 236.70 727.28
+ Q 232.72 726.89 231.84 726.69
+ Q 229.43 726.14 227.04 725.59
+ L 219.67 724.08
+ Q 219.15 723.97 219.05 724.49
+ L 216.74 735.57
+ Z
+ M 283.88 750.64
+ Q 285.47 753.00 288.05 754.70
+ Q 292.94 757.92 298.42 761.07
+ C 302.16 763.23 307.60 764.17 308.98 758.65
+ C 310.46 752.70 305.46 748.55 300.47 746.60
+ Q 297.81 745.56 293.71 745.48
+ Q 290.25 745.42 286.72 745.59
+ L 279.38 745.41
+ Q 277.13 745.35 278.90 746.74
+ L 283.88 750.64
+ Z
+ M 184.98 756.47
+ C 185.63 753.56 185.46 750.83 183.06 749.35
+ Q 180.18 747.56 176.49 747.65
+ Q 175.18 747.68 174.37 746.79
+ Q 173.94 746.32 173.31 746.30
+ L 167.08 746.16
+ A 2.28 2.27 0.7 0 0 164.75 748.42
+ L 164.71 757.69
+ Q 164.70 758.80 165.73 759.25
+ C 168.98 760.65 174.00 760.74 178.03 761.15
+ C 179.49 761.29 180.78 760.80 181.75 759.73
+ Q 183.09 758.26 184.59 757.09
+ Q 184.90 756.85 184.98 756.47
+ Z
+ M 179.57 776.35
+ L 181.60 773.77
+ Q 183.25 771.66 180.57 771.75
+ Q 172.17 772.04 168.40 770.23
+ Q 167.15 769.63 167.27 771.01
+ L 167.82 776.97
+ A 2.04 2.03 -89.3 0 0 169.61 778.81
+ Q 172.60 779.17 175.40 778.77
+ A 6.47 6.45 -75.1 0 0 179.57 776.35
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 227.04 725.59
+ C 223.56 729.74 220.80 733.49 216.74 735.57
+ L 219.05 724.49
+ Q 219.15 723.97 219.67 724.08
+ L 227.04 725.59
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 227.04 725.59
+ Q 229.43 726.14 231.84 726.69
+ Q 232.72 726.89 236.70 727.28
+ Q 239.48 727.56 241.89 728.88
+ Q 240.77 732.73 242.49 736.44
+ Q 239.17 737.27 235.99 738.11
+ Q 233.26 738.84 229.43 739.44
+ C 226.10 739.97 221.63 741.88 217.94 741.20
+ A 1.73 1.72 -83.1 0 1 216.54 739.41
+ L 216.74 735.57
+ C 220.80 733.49 223.56 729.74 227.04 725.59
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 241.89 728.88
+ Q 245.75 730.63 246.62 732.93
+ Q 247.59 735.49 244.98 736.47
+ Q 243.56 737.00 242.49 736.44
+ Q 240.77 732.73 241.89 728.88
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 205.35 745.21
+ Q 205.52 751.61 212.00 751.30
+ Q 214.22 751.19 216.31 751.22
+ Q 219.13 751.25 216.86 752.93
+ Q 215.04 754.27 212.67 754.44
+ C 207.36 754.83 201.34 754.67 196.60 757.31
+ Q 196.08 757.60 196.09 757.00
+ Q 196.12 755.33 197.08 753.98
+ Q 198.68 751.35 199.71 750.70
+ Q 203.11 748.55 205.35 745.21
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 286.72 745.59
+ Q 285.87 749.28 283.88 750.64
+ L 278.90 746.74
+ Q 277.13 745.35 279.38 745.41
+ L 286.72 745.59
+ Z"
+/>
+<path fill="#272727" d="
+ M 283.88 750.64
+ Q 285.87 749.28 286.72 745.59
+ Q 290.25 745.42 293.71 745.48
+ Q 297.81 745.56 300.47 746.60
+ C 305.46 748.55 310.46 752.70 308.98 758.65
+ C 307.60 764.17 302.16 763.23 298.42 761.07
+ Q 292.94 757.92 288.05 754.70
+ Q 285.47 753.00 283.88 750.64
+ Z"
+/>
+<path fill="#272727" d="
+ M 183.06 749.35
+ C 185.46 750.83 185.63 753.56 184.98 756.47
+ Q 184.90 756.85 184.59 757.09
+ Q 183.09 758.26 181.75 759.73
+ C 180.78 760.80 179.49 761.29 178.03 761.15
+ C 174.00 760.74 168.98 760.65 165.73 759.25
+ Q 164.70 758.80 164.71 757.69
+ L 164.75 748.42
+ A 2.28 2.27 0.7 0 1 167.08 746.16
+ L 173.31 746.30
+ Q 173.94 746.32 174.37 746.79
+ Q 175.18 747.68 176.49 747.65
+ Q 180.18 747.56 183.06 749.35
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 275.07 756.62
+ Q 271.58 762.52 268.93 768.42
+ Q 267.65 771.27 266.73 774.58
+ Q 265.42 773.28 264.29 771.75
+ Q 262.86 769.82 261.91 768.99
+ C 260.31 767.60 258.15 766.69 256.87 764.79
+ Q 256.50 764.23 257.16 764.16
+ Q 261.86 763.66 265.96 764.67
+ Q 267.23 764.98 268.54 764.78
+ A 1.44 1.42 -71.8 0 0 269.36 764.36
+ C 272.93 760.65 266.30 756.42 263.08 756.47
+ Q 257.96 756.54 253.15 756.45
+ Q 252.66 756.44 252.27 756.16
+ C 250.44 754.85 248.89 753.68 246.58 753.14
+ Q 243.78 752.50 240.93 751.73
+ L 242.04 748.00
+ Q 249.75 746.39 257.84 746.21
+ C 259.40 746.18 260.89 747.27 261.97 748.30
+ C 264.90 751.07 267.40 753.50 270.91 754.76
+ Q 273.11 755.55 275.07 756.62
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 242.04 748.00
+ L 240.93 751.73
+ L 237.76 750.67
+ Q 237.18 750.47 237.72 750.20
+ L 242.04 748.00
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 238.30 756.60
+ Q 237.27 757.59 236.78 758.82
+ Q 232.83 760.53 229.05 762.84
+ C 228.01 763.48 227.71 764.49 226.65 765.04
+ Q 222.25 767.33 223.63 772.25
+ Q 223.77 772.76 223.56 773.25
+ Q 223.06 774.43 222.97 775.62
+ Q 222.92 776.35 223.65 776.34
+ L 225.73 776.34
+ L 222.93 780.34
+ Q 219.98 781.68 220.08 785.46
+ L 216.83 792.74
+ Q 212.45 794.95 211.61 796.11
+ Q 208.82 799.90 210.66 804.68
+ Q 204.99 813.96 202.77 824.57
+ C 201.80 829.20 200.60 833.16 199.00 837.45
+ Q 197.61 841.18 196.90 847.25
+ Q 195.96 855.32 195.97 858.50
+ Q 196.07 875.25 195.98 892.32
+ Q 188.90 889.74 182.82 885.46
+ C 179.82 883.33 177.64 880.52 175.42 877.66
+ Q 175.07 877.21 174.56 877.48
+ Q 169.38 880.24 165.26 881.47
+ Q 163.49 881.99 160.13 881.62
+ Q 157.81 876.81 156.66 874.04
+ Q 154.04 867.73 153.80 860.50
+ C 153.45 850.22 154.01 839.66 158.31 830.46
+ C 160.27 826.25 162.05 822.04 163.83 817.76
+ Q 165.11 814.70 166.69 813.16
+ Q 178.54 801.64 184.60 791.08
+ Q 187.12 786.70 188.66 778.97
+ Q 189.31 782.88 188.88 786.66
+ Q 188.29 791.65 188.31 793.39
+ Q 188.36 798.74 188.27 804.24
+ Q 188.23 806.27 189.85 808.01
+ Q 190.46 808.67 191.29 808.32
+ Q 194.27 807.03 196.27 804.77
+ Q 196.64 804.35 196.68 803.81
+ Q 197.11 798.49 195.58 793.93
+ Q 194.93 791.97 194.70 790.01
+ C 194.36 787.11 192.65 785.07 192.76 782.13
+ Q 192.82 780.29 192.76 778.60
+ A 2.02 2.02 0.0 0 1 196.19 777.09
+ Q 199.42 780.25 201.71 783.89
+ C 202.74 785.52 205.66 786.30 207.32 787.50
+ Q 210.25 789.60 213.95 788.83
+ A 1.36 1.33 9.6 0 0 214.81 788.23
+ Q 216.15 786.04 217.05 783.88
+ A 2.23 2.23 0.0 0 0 214.88 780.80
+ C 213.55 780.87 212.50 780.69 211.41 779.90
+ Q 208.81 778.02 205.93 776.77
+ Q 203.81 775.86 202.23 773.79
+ Q 201.86 773.29 202.39 772.96
+ C 208.22 769.34 214.47 765.88 219.79 761.66
+ Q 225.20 757.37 232.01 753.93
+ A 0.90 0.88 43.9 0 1 232.78 753.92
+ L 238.30 756.60
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 238.30 756.60
+ Q 239.17 756.78 239.93 757.22
+ Q 240.38 757.48 239.90 757.66
+ L 236.78 758.82
+ Q 237.27 757.59 238.30 756.60
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 275.07 756.62
+ L 282.27 763.85
+ Q 280.42 771.53 280.96 779.22
+ C 281.06 780.66 281.53 781.84 281.70 783.25
+ Q 282.19 787.33 282.94 791.16
+ Q 283.35 793.27 284.13 799.26
+ Q 284.77 804.13 286.30 808.56
+ Q 288.77 815.73 292.54 824.59
+ C 296.77 834.51 296.43 846.91 295.31 858.31
+ Q 294.81 863.36 294.55 868.40
+ Q 293.72 868.97 293.67 870.65
+ Q 293.67 870.79 293.57 870.86
+ Q 293.46 870.93 293.32 870.96
+ Q 293.20 870.99 293.16 871.10
+ Q 289.36 881.17 282.23 890.33
+ Q 281.43 891.37 280.38 891.87
+ Q 274.59 894.62 265.98 897.63
+ Q 260.57 899.52 256.55 900.03
+ Q 256.88 881.35 256.78 875.00
+ C 256.73 871.67 256.02 867.45 256.03 863.66
+ C 256.04 852.12 255.74 840.60 256.44 829.01
+ Q 256.84 822.32 257.17 815.53
+ C 258.62 816.27 260.15 816.00 260.52 814.23
+ Q 260.92 812.37 259.88 810.61
+ Q 258.78 808.73 257.69 806.85
+ Q 260.86 800.99 262.47 794.94
+ C 267.72 794.62 265.41 790.04 263.98 787.27
+ L 264.93 781.65
+ Q 266.97 784.93 268.56 788.42
+ Q 269.22 789.85 271.24 790.45
+ Q 271.76 790.60 272.23 790.33
+ C 277.89 786.99 272.46 781.97 269.89 779.11
+ Q 268.56 777.63 266.73 774.58
+ Q 267.65 771.27 268.93 768.42
+ Q 271.58 762.52 275.07 756.62
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 264.93 781.65
+ L 263.98 787.27
+ C 255.68 785.71 249.71 785.83 242.28 785.83
+ Q 239.54 785.84 236.86 784.85
+ Q 230.01 782.34 222.93 780.34
+ L 225.73 776.34
+ Q 232.53 773.85 233.92 772.43
+ Q 239.48 766.76 246.94 764.62
+ A 1.43 1.42 57.4 0 1 248.28 764.92
+ C 250.41 766.82 251.98 769.67 254.70 770.60
+ Q 257.25 771.48 258.50 772.76
+ Q 260.21 774.52 264.93 781.65
+ Z"
+/>
+<path fill="#272727" d="
+ M 179.57 776.35
+ A 6.47 6.45 -75.1 0 1 175.40 778.77
+ Q 172.60 779.17 169.61 778.81
+ A 2.04 2.03 -89.3 0 1 167.82 776.97
+ L 167.27 771.01
+ Q 167.15 769.63 168.40 770.23
+ Q 172.17 772.04 180.57 771.75
+ Q 183.25 771.66 181.60 773.77
+ L 179.57 776.35
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 188.66 778.97
+ Q 187.12 786.70 184.60 791.08
+ Q 178.54 801.64 166.69 813.16
+ Q 165.11 814.70 163.83 817.76
+ C 162.05 822.04 160.27 826.25 158.31 830.46
+ C 154.01 839.66 153.45 850.22 153.80 860.50
+ Q 154.04 867.73 156.66 874.04
+ Q 157.81 876.81 160.13 881.62
+ L 136.22 881.13
+ Q 130.77 873.30 128.07 864.71
+ Q 126.05 858.30 126.51 850.50
+ Q 127.18 838.91 127.80 827.31
+ Q 127.83 826.72 128.16 826.23
+ Q 135.42 815.42 142.70 804.16
+ Q 145.31 800.12 148.58 797.28
+ Q 152.10 794.23 156.13 791.80
+ Q 158.71 791.32 161.30 789.47
+ A 0.86 0.86 0.0 0 1 162.57 789.78
+ L 166.35 797.32
+ Q 166.62 797.86 166.60 798.46
+ Q 166.53 800.88 166.91 803.02
+ Q 167.17 804.45 168.62 804.43
+ L 170.01 804.41
+ Q 171.86 804.38 171.80 802.54
+ Q 171.65 797.21 170.08 792.36
+ C 169.61 790.90 168.59 789.81 167.86 788.48
+ Q 167.51 787.84 168.23 787.98
+ Q 173.53 789.07 179.75 787.61
+ A 0.83 0.81 -81.2 0 0 180.28 787.21
+ Q 180.58 786.63 180.19 786.03
+ A 0.84 0.83 53.8 0 1 180.35 784.93
+ L 181.35 784.10
+ A 2.89 2.78 85.3 0 0 182.06 783.23
+ Q 183.44 780.55 185.89 778.59
+ Q 186.27 778.28 186.38 777.80
+ Q 186.41 777.66 186.44 777.52
+ Q 186.49 777.26 186.76 777.31
+ L 188.20 777.59
+ A 0.75 0.75 0.0 0 1 188.80 778.26
+ Q 188.84 778.61 188.66 778.97
+ Z"
+/>
+<path fill="#ff5698" d="
+ M 222.93 780.34
+ Q 230.01 782.34 236.86 784.85
+ Q 239.54 785.84 242.28 785.83
+ C 249.71 785.83 255.68 785.71 263.98 787.27
+ C 265.41 790.04 267.72 794.62 262.47 794.94
+ C 258.06 794.35 253.70 792.95 249.12 794.03
+ Q 248.59 794.16 248.90 794.61
+ C 250.33 796.65 252.41 797.62 253.75 799.67
+ Q 255.99 803.08 257.69 806.85
+ Q 258.78 808.73 259.88 810.61
+ Q 260.92 812.37 260.52 814.23
+ C 260.15 816.00 258.62 816.27 257.17 815.53
+ C 252.12 815.33 249.82 813.05 247.55 808.57
+ C 245.14 803.82 239.67 801.05 235.06 798.39
+ Q 234.49 798.06 233.90 798.38
+ Q 229.93 800.52 225.55 801.77
+ Q 223.53 802.35 222.34 804.24
+ A 1.19 1.18 -77.2 0 1 221.49 804.78
+ Q 215.88 805.43 210.66 804.68
+ Q 208.82 799.90 211.61 796.11
+ Q 212.45 794.95 216.83 792.74
+ C 220.14 791.68 222.87 791.79 226.11 789.49
+ Q 226.42 789.27 226.16 788.99
+ Q 224.46 787.16 223.02 786.89
+ Q 220.92 786.48 220.08 785.46
+ Q 219.98 781.68 222.93 780.34
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 220.08 785.46
+ Q 220.92 786.48 223.02 786.89
+ Q 224.46 787.16 226.16 788.99
+ Q 226.42 789.27 226.11 789.49
+ C 222.87 791.79 220.14 791.68 216.83 792.74
+ L 220.08 785.46
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 262.47 794.94
+ Q 260.86 800.99 257.69 806.85
+ Q 255.99 803.08 253.75 799.67
+ C 252.41 797.62 250.33 796.65 248.90 794.61
+ Q 248.59 794.16 249.12 794.03
+ C 253.70 792.95 258.06 794.35 262.47 794.94
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 257.17 815.53
+ Q 256.84 822.32 256.44 829.01
+ C 255.74 840.60 256.04 852.12 256.03 863.66
+ C 256.02 867.45 256.73 871.67 256.78 875.00
+ Q 256.88 881.35 256.55 900.03
+ Q 245.70 901.65 234.62 901.56
+ Q 226.62 901.48 218.57 899.53
+ Q 207.00 896.73 195.98 892.32
+ Q 196.07 875.25 195.97 858.50
+ Q 195.96 855.32 196.90 847.25
+ Q 197.61 841.18 199.00 837.45
+ C 200.60 833.16 201.80 829.20 202.77 824.57
+ Q 204.99 813.96 210.66 804.68
+ Q 215.88 805.43 221.49 804.78
+ A 1.19 1.18 -77.2 0 0 222.34 804.24
+ Q 223.53 802.35 225.55 801.77
+ Q 229.93 800.52 233.90 798.38
+ Q 234.49 798.06 235.06 798.39
+ C 239.67 801.05 245.14 803.82 247.55 808.57
+ C 249.82 813.05 252.12 815.33 257.17 815.53
+ Z"
+/>
+<path fill="#28662a" d="
+ M 294.55 868.40
+ C 294.41 870.64 294.46 872.69 293.83 874.82
+ C 291.69 882.03 288.03 889.01 283.25 895.06
+ Q 281.67 897.07 278.86 898.36
+ Q 265.29 904.64 255.70 906.16
+ Q 246.44 907.63 233.46 907.55
+ Q 225.72 907.51 218.00 905.46
+ Q 204.15 901.81 193.41 897.17
+ C 187.26 894.51 180.40 890.60 176.55 885.02
+ Q 176.22 884.54 175.68 884.76
+ Q 172.53 886.06 169.22 887.26
+ C 167.84 887.76 166.94 887.48 165.61 887.45
+ Q 153.69 887.25 141.71 887.08
+ Q 140.79 887.07 140.03 886.66
+ Q 139.50 886.37 139.00 885.37
+ Q 137.93 883.28 136.22 881.13
+ L 160.13 881.62
+ Q 163.49 881.99 165.26 881.47
+ Q 169.38 880.24 174.56 877.48
+ Q 175.07 877.21 175.42 877.66
+ C 177.64 880.52 179.82 883.33 182.82 885.46
+ Q 188.90 889.74 195.98 892.32
+ Q 207.00 896.73 218.57 899.53
+ Q 226.62 901.48 234.62 901.56
+ Q 245.70 901.65 256.55 900.03
+ Q 260.57 899.52 265.98 897.63
+ Q 274.59 894.62 280.38 891.87
+ Q 281.43 891.37 282.23 890.33
+ Q 289.36 881.17 293.16 871.10
+ Q 293.20 870.99 293.32 870.96
+ Q 293.46 870.93 293.57 870.86
+ Q 293.67 870.79 293.67 870.65
+ Q 293.72 868.97 294.55 868.40
+ Z"
+/>
+</svg>
diff --git a/documents/404.html b/documents/404.html
new file mode 100644
index 000000000..9d03d7946
--- /dev/null
+++ b/documents/404.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/cheetah-grid/documents/" class="router-link-active">
+ Take me home.
+ </a></div></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/11.e47cbaf6.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/index.html b/documents/api/index.html
new file mode 100644
index 000000000..fecd11b1f
--- /dev/null
+++ b/documents/api/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>API | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/13.09b535d9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="active sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/vue/" class="sidebar-link">API for Vue.js</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="api"><a href="#api" class="header-anchor">#</a> API</h1> <ul><li><a href="/cheetah-grid/documents/api/js/">API for JavaScript</a></li> <li><a href="/cheetah-grid/documents/api/vue/">API for Vue.js</a></li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/cheetah-grid/documents/api/js/">
+ API for JavaScript
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/13.09b535d9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/advanced_header/column_sort.html b/documents/api/js/advanced_header/column_sort.html
new file mode 100644
index 000000000..d27f4c577
--- /dev/null
+++ b/documents/api/js/advanced_header/column_sort.html
@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Sort by Column | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/16.05f7d668.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Header</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/advanced_header/" aria-current="page" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html" aria-current="page" class="active sidebar-link">Sort by Column</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html#style-properties" class="sidebar-link">Style Properties</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html#reset" class="sidebar-link">Reset</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html" class="sidebar-link">Define Multiline Text Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html" class="sidebar-link">Define Header Styles</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html" class="sidebar-link">Define Header Actions</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="sort-by-column"><a href="#sort-by-column" class="header-anchor">#</a> Sort by Column</h1> <p>Define sort settings of each column by using <code>sort</code> property.<br>
+When you set <code>true</code> value, the records are sorted by builtin logic in Cheetah Grid.<br>
+When you set <code>string</code> value, the records are sorted by builtin logic in Cheetah Grid, using the specified field.<br>
+Please define function if you want to sort by your own logic.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Asiatic"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"South African"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Tanzanian"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sudan"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"King"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// define custom sort logic</span>
+ <span class="token function" data-v-63d28fc8>sort</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>order<span class="token punctuation" data-v-63d28fc8>,</span> col<span class="token punctuation" data-v-63d28fc8>,</span> grid</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> compare <span class="token operator" data-v-63d28fc8>=</span>
+ order <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"desc"</span>
+ <span class="token operator" data-v-63d28fc8>?</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v1<span class="token punctuation" data-v-63d28fc8>,</span> v2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>v1 <span class="token operator" data-v-63d28fc8>===</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>:</span> v1 <span class="token operator" data-v-63d28fc8>></span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span>
+ <span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v1<span class="token punctuation" data-v-63d28fc8>,</span> v2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>v1 <span class="token operator" data-v-63d28fc8>===</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>:</span> v1 <span class="token operator" data-v-63d28fc8><</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ records<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>sort</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>r1<span class="token punctuation" data-v-63d28fc8>,</span> r2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>compare</span><span class="token punctuation" data-v-63d28fc8>(</span>r1<span class="token punctuation" data-v-63d28fc8>.</span>no<span class="token punctuation" data-v-63d28fc8>,</span> r2<span class="token punctuation" data-v-63d28fc8>.</span>no<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ console<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"sorted:"</span><span class="token punctuation" data-v-63d28fc8>,</span> records<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// use default sort logic</span>
+ sort<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>sortArrowColor</code></td> <td>Defines the color of the sort icon.</td> <td>--</td></tr> <tr><td><code>multiline</code></td> <td>If <code>true</code>, accept multiline text caption.</td> <td>false</td></tr> <tr><td><code>lineHeight</code></td> <td>Define the amount of space used for lines.</td> <td>--</td></tr> <tr><td><code>autoWrapText</code></td> <td>Define whether to wrap automatically.</td> <td>--</td></tr> <tr><td><code>lineClamp</code></td> <td>Define truncates text at a specific number of lines.</td> <td>--</td></tr></tbody></table> <p>In addition to this, the Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">Standard Header Style</a></li></ul> <h3 id="color-of-sort-arrow"><a href="#color-of-sort-arrow" class="header-anchor">#</a> Color of sort arrow</h3> <p>In order to change the color of the sort arrow you implement as follows.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Asiatic"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"South African"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Tanzanian"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sudan"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"King"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>sort</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>order<span class="token punctuation" data-v-63d28fc8>,</span> col<span class="token punctuation" data-v-63d28fc8>,</span> grid</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> compare <span class="token operator" data-v-63d28fc8>=</span>
+ order <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"desc"</span>
+ <span class="token operator" data-v-63d28fc8>?</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v1<span class="token punctuation" data-v-63d28fc8>,</span> v2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>v1 <span class="token operator" data-v-63d28fc8>===</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>:</span> v1 <span class="token operator" data-v-63d28fc8>></span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span>
+ <span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v1<span class="token punctuation" data-v-63d28fc8>,</span> v2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>v1 <span class="token operator" data-v-63d28fc8>===</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>:</span> v1 <span class="token operator" data-v-63d28fc8><</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ records<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>sort</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>r1<span class="token punctuation" data-v-63d28fc8>,</span> r2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>compare</span><span class="token punctuation" data-v-63d28fc8>(</span>r1<span class="token punctuation" data-v-63d28fc8>.</span>no<span class="token punctuation" data-v-63d28fc8>,</span> r2<span class="token punctuation" data-v-63d28fc8>.</span>no<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// define color of sort arrow</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> sortArrowColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ sort<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// define color of sort arrow</span>
+ <span class="token function" data-v-63d28fc8>headerStyle</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> sortArrowColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"blue"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="reset"><a href="#reset" class="header-anchor">#</a> Reset</h2> <p>If you set <code>sortState</code> property to <code>null</code>, the sort state is initialized.<br>
+(only the arrow icon of the header is initialized.)</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>button</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3-reset<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Reset<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>button</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Asiatic"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"South African"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Tanzanian"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sudan"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"King"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>sort</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>order<span class="token punctuation" data-v-63d28fc8>,</span> col<span class="token punctuation" data-v-63d28fc8>,</span> grid</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> compare <span class="token operator" data-v-63d28fc8>=</span>
+ order <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"desc"</span>
+ <span class="token operator" data-v-63d28fc8>?</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v1<span class="token punctuation" data-v-63d28fc8>,</span> v2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>v1 <span class="token operator" data-v-63d28fc8>===</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>:</span> v1 <span class="token operator" data-v-63d28fc8>></span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span>
+ <span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v1<span class="token punctuation" data-v-63d28fc8>,</span> v2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>v1 <span class="token operator" data-v-63d28fc8>===</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>:</span> v1 <span class="token operator" data-v-63d28fc8><</span> v2 <span class="token operator" data-v-63d28fc8>?</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ records<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>sort</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>r1<span class="token punctuation" data-v-63d28fc8>,</span> r2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>compare</span><span class="token punctuation" data-v-63d28fc8>(</span>r1<span class="token punctuation" data-v-63d28fc8>.</span>no<span class="token punctuation" data-v-63d28fc8>,</span> r2<span class="token punctuation" data-v-63d28fc8>.</span>no<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ sort<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> button <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3-reset"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+button<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onclick</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>sortState <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token comment" data-v-63d28fc8>// does not redraw automatically, please call `invalidate`.</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/advanced_header/column_sort.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/advanced_header/" class="prev router-link-active">
+ Advanced Header
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html">
+ Define Multiline Text Header
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/16.05f7d668.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/advanced_header/header_actions.html b/documents/api/js/advanced_header/header_actions.html
new file mode 100644
index 000000000..45519c09e
--- /dev/null
+++ b/documents/api/js/advanced_header/header_actions.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Header Actions | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Header</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/advanced_header/" aria-current="page" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html" class="sidebar-link">Sort by Column</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html" class="sidebar-link">Define Multiline Text Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html" class="sidebar-link">Define Header Styles</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html" aria-current="page" class="active sidebar-link">Define Header Actions</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html#advanced-header-action" class="sidebar-link">Advanced Header Action</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html#using-vue-js" class="sidebar-link">Using Vue.js</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html#using-header-action-class" class="sidebar-link">Using Header Action Class</a></li></ul></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-header-actions"><a href="#define-header-actions" class="header-anchor">#</a> Define Header Actions</h1> <h2 id="advanced-header-action"><a href="#advanced-header-action" class="header-anchor">#</a> Advanced Header Action</h2> <p>Define header action by using <code>headerAction</code> property.<br>
+Please select suitable Action class for <code>headerType</code> of same header.</p> <table><thead><tr><th><code>headerType</code></th> <th>Specified <code>headerAction</code> by string</th> <th>Description</th></tr></thead> <tbody><tr><td><code>check</code></td> <td><code>'check'</code></td> <td>Define the behavior when checkbox is clicked.</td></tr> <tr><td><code>sort</code></td> <td><code>'sort'</code></td> <td>Define the behavior on clicked. the default behavior is to sort the data.</td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerAction<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sort"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sort"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerAction<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sort"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abc"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"def"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ghi"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> <span class="token constant" data-v-63d28fc8>CHANGED_HEADER_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>EVENT_TYPE</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CHANGED_HEADER_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token punctuation" data-v-63d28fc8>,</span> field <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>field <span class="token operator" data-v-63d28fc8>!==</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token comment" data-v-63d28fc8>// header check value on change</span>
+
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>const</span> rec <span class="token keyword" data-v-63d28fc8>of</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ rec<span class="token punctuation" data-v-63d28fc8>[</span>field<span class="token punctuation" data-v-63d28fc8>]</span> <span class="token operator" data-v-63d28fc8>=</span> value<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token punctuation" data-v-63d28fc8>,</span> field <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>field <span class="token operator" data-v-63d28fc8>!==</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token comment" data-v-63d28fc8>// check value on change</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>headerValues<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>set</span><span class="token punctuation" data-v-63d28fc8>(</span>field<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="using-vue-js"><a href="#using-vue-js" class="header-anchor">#</a> Using Vue.js</h2> <p>In <code>vue-cheetah-grid</code>, define the <code>header-action</code>, <code>header-type</code> property.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>ref</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>no<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ no
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>header-type</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>header-action</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@changed-header-value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onChangeHeaderValue<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@changed-value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onChangeValue<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>text<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>header-type</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sort<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>header-action</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sort<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ sort
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abc"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"def"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ghi"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onChangeHeaderValue</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> value <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// header check value on change</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> grid <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>$refs<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>const</span> rec <span class="token keyword" data-v-63d28fc8>of</span> <span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ rec<span class="token punctuation" data-v-63d28fc8>.</span>check <span class="token operator" data-v-63d28fc8>=</span> value<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>onChangeValue</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// check value on change</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> grid <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>$refs<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>headerValues<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>set</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="using-header-action-class"><a href="#using-header-action-class" class="header-anchor">#</a> Using Header Action Class</h2> <p>By setting the property <code>headerAction</code> as an Action instance,
+You can change the properties of the action (disable, etc.) in the when you want.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/advanced_header/header_actions.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html" class="prev">
+ Define Header Styles
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/advanced_layout/">
+ Advanced Layout
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/advanced_header/header_styles.html b/documents/api/js/advanced_header/header_styles.html
new file mode 100644
index 000000000..19bd74cf8
--- /dev/null
+++ b/documents/api/js/advanced_header/header_styles.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Header Styles | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/18.aff995b8.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Header</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/advanced_header/" aria-current="page" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html" class="sidebar-link">Sort by Column</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html" class="sidebar-link">Define Multiline Text Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html" aria-current="page" class="active sidebar-link">Define Header Styles</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html#standard-header-style" class="sidebar-link">Standard Header Style</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html#style-properties-per-header-type" class="sidebar-link">Style Properties Per Header Type</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html" class="sidebar-link">Define Header Actions</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-header-styles"><a href="#define-header-styles" class="header-anchor">#</a> Define Header Styles</h1> <h2 id="standard-header-style"><a href="#standard-header-style" class="header-anchor">#</a> Standard Header Style</h2> <p>Define header style by using <code>headerStyle</code> property.</p> <p>Properties below are prepared in standard.</p> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>color</code></td> <td>Define the color of header cell.</td></tr> <tr><td><code>textAlign</code></td> <td>Define the horizontal position of text in header cell.</td></tr> <tr><td><code>textBaseline</code></td> <td>Define the vertical position of text in header cell.</td></tr> <tr><td><code>bgColor</code></td> <td>Define the background color of header cell.</td></tr> <tr><td><code>font</code></td> <td>Define the font of header cell.</td></tr> <tr><td><code>padding</code></td> <td>Define the padding of header cell. If you set 4 values separately, please set the <code>Array</code>.</td></tr> <tr><td><code>textOverflow</code></td> <td>Define how to display when text overflows the area of a header cell. <code>clip</code> or <code>ellipsis</code> is available.</td></tr></tbody></table> <h2 id="style-properties-per-header-type"><a href="#style-properties-per-header-type" class="header-anchor">#</a> Style Properties Per Header Type</h2> <h3 id="simple-text-header"><a href="#simple-text-header" class="header-anchor">#</a> Simple Text Header</h3> <p>Additional properties are available for simple text headers:</p> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>multiline</code></td> <td>If <code>true</code>, accept multiline text caption.</td></tr> <tr><td><code>lineHeight</code></td> <td>Define the amount of space used for lines.</td></tr> <tr><td><code>autoWrapText</code></td> <td>Define whether to wrap automatically.</td></tr> <tr><td><code>lineClamp</code></td> <td>Define truncates text at a specific number of lines.</td></tr></tbody></table> <h3 id="checkbox-header"><a href="#checkbox-header" class="header-anchor">#</a> Checkbox Header</h3> <p>Additional properties are available for checkbox headers:</p> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>checkBgColor</code></td> <td>Define background color of checkbox, when it is checked.</td></tr> <tr><td><code>uncheckBgColor</code></td> <td>Define background color of checkbox, when it is unchecked.</td></tr> <tr><td><code>borderColor</code></td> <td>Define border color of checkbox.</td></tr></tbody></table> <h3 id="multiline-text-header"><a href="#multiline-text-header" class="header-anchor">#</a> Multiline Text Header</h3> <p>Check out <a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html#style-properties">Define Multiline Text Header</a>.</p> <h3 id="sort-header"><a href="#sort-header" class="header-anchor">#</a> Sort Header</h3> <p>Check out <a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html#style-properties">Sort by Column</a>.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/advanced_header/header_styles.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html" class="prev">
+ Define Multiline Text Header
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">
+ Define Header Actions
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/18.aff995b8.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/advanced_header/index.html b/documents/api/js/advanced_header/index.html
new file mode 100644
index 000000000..2013e915a
--- /dev/null
+++ b/documents/api/js/advanced_header/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Advanced Header | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/15.70cd490e.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Header</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/advanced_header/" aria-current="page" class="active sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html" class="sidebar-link">Sort by Column</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html" class="sidebar-link">Define Multiline Text Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html" class="sidebar-link">Define Header Styles</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html" class="sidebar-link">Define Header Actions</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="advanced-header"><a href="#advanced-header" class="header-anchor">#</a> Advanced Header</h1> <p>You can extend the header.</p> <ul><li><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a></li> <li><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">Header Actions</a></li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/advanced_header/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/cell_message.html" class="prev">
+ Define Cell Messages
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">
+ Sort by Column
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/15.70cd490e.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/advanced_header/multiline_text_header.html b/documents/api/js/advanced_header/multiline_text_header.html
new file mode 100644
index 000000000..d860511a3
--- /dev/null
+++ b/documents/api/js/advanced_header/multiline_text_header.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Multiline Text Header | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/19.3dc37665.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Header</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/advanced_header/" aria-current="page" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html" class="sidebar-link">Sort by Column</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html" aria-current="page" class="active sidebar-link">Define Multiline Text Header</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/advanced_header/multiline_text_header.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html" class="sidebar-link">Define Header Styles</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html" class="sidebar-link">Define Header Actions</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-multiline-text-header"><a href="#define-multiline-text-header" class="header-anchor">#</a> Define Multiline Text Header</h1> <p>You can display multiline text in the header by setting the <code>headerType</code> property to <code>'multilinetext'</code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"item"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Item\nName"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"amount"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Regular\nPrice"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> item<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abc"</span><span class="token punctuation" data-v-63d28fc8>,</span> amount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>123</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> item<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"def"</span><span class="token punctuation" data-v-63d28fc8>,</span> amount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>456</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> item<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ghi"</span><span class="token punctuation" data-v-63d28fc8>,</span> amount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>789</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <p>Note that simple text headers and headers with sort can also display multiline text using the style property <code>multiline: true</code>.</p> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>lineHeight</code></td> <td>Define the amount of space used for lines</td> <td>--</td></tr> <tr><td><code>autoWrapText</code></td> <td>Define whether to wrap automatically.</td> <td>--</td></tr> <tr><td><code>lineClamp</code></td> <td>Define truncates text at a specific number of lines.</td> <td>--</td></tr></tbody></table> <p>In addition to this, the Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">Standard Header Style</a></li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/advanced_header/multiline_text_header.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html" class="prev">
+ Sort by Column
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">
+ Define Header Styles
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/19.3dc37665.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/advanced_layout/index.html b/documents/api/js/advanced_layout/index.html
new file mode 100644
index 000000000..04947f16a
--- /dev/null
+++ b/documents/api/js/advanced_layout/index.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Advanced Layout | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/20.8d38d090.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Layout</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" aria-current="page" class="active sidebar-link">Advanced Layout</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="advanced-layout"><a href="#advanced-layout" class="header-anchor">#</a> Advanced Layout</h1> <p>You can use the <code>layout</code> property to define advanced header and record layouts.<br>
+(In this case, the <code>header</code> property cannot be used.)</p> <p>The <code>layout</code> property is defined by an object with the <code>header</code> and the <code>body</code>.
+Define an array of rows in each section, and define each element in a row.</p> <p>When using the <code>layout</code> property, you can set <code>colSpan</code> and <code>rowSpan</code> for each definition element.</p> <p>For example:</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample-layout demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample-layout"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ layout<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// header line1</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// header line2</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ body<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// line1</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> getBirthday<span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// line2</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>function</span> <span class="token function" data-v-63d28fc8>getBirthday</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dateTimeFormat <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> dateTimeFormat<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/advanced_layout/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/advanced_header/" class="prev">
+ Advanced Header
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/options/">
+ Options and Properties
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/20.8d38d090.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/cell_message.html b/documents/api/js/cell_message.html
new file mode 100644
index 000000000..97f7e2f0f
--- /dev/null
+++ b/documents/api/js/cell_message.html
@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Cell Messages | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/21.afc557c6.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" aria-current="page" class="active sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-cell-messages"><a href="#define-cell-messages" class="header-anchor">#</a> Define Cell Messages</h1> <p>Define the message to display in each cell of the column by using <code>message</code> property.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> menuOptions <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Empty"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> displayOptions <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Choose your option"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message field"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//message field</span>
+ message<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"msg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//message function</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>text2<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>match</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token regex" data-v-63d28fc8><span class="token regex-delimiter" data-v-63d28fc8>/</span><span class="token regex-source language-regex" data-v-63d28fc8>^[a-zA-Z]*$</span><span class="token regex-delimiter" data-v-63d28fc8>/</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token keyword" data-v-63d28fc8>null</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Please only alphabet."</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text3"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"inline input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>text3<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>match</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token regex" data-v-63d28fc8><span class="token regex-delimiter" data-v-63d28fc8>/</span><span class="token regex-source language-regex" data-v-63d28fc8>^[a-zA-Z]*$</span><span class="token regex-delimiter" data-v-63d28fc8>/</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token keyword" data-v-63d28fc8>null</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Please only alphabet."</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>InlineInputEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"val4"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"menu"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>val4 <span class="token operator" data-v-63d28fc8>?</span> <span class="token keyword" data-v-63d28fc8>null</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Please select."</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> displayOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>InlineMenuEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check5"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>check5 <span class="token operator" data-v-63d28fc8>?</span> <span class="token keyword" data-v-63d28fc8>null</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Please check."</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"info"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//info message</span>
+ type<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"info"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ message<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Info Message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"warning"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//warning message</span>
+ type<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"warning"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ message<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Warning Message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ text1<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text3<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"123"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ val4<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ check5<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ msg<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"message."</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>86</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>87</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>88</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>89</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>90</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>91</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>92</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>93</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>94</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>95</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>96</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>97</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>98</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>99</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>100</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>101</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>102</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>103</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>104</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>105</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>106</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>107</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>108</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>109</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>110</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>111</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>112</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>113</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>114</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>115</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>116</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>117</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>118</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>119</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>120</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>121</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>122</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>123</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>124</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>125</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>126</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>127</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>128</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>129</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>130</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>131</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>132</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>133</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>134</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>135</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>136</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>137</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>138</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>139</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>140</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>141</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>142</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>143</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>144</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>145</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>146</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>147</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>148</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>149</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>150</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>151</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>152</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>153</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>154</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>155</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>156</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>157</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>158</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>159</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>160</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>161</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>162</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>163</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>164</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>165</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>166</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>167</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>168</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>169</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>170</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>171</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>172</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>173</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>174</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>175</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>176</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>177</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>178</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>179</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>180</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>181</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>182</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>183</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>184</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>185</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>186</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>187</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>188</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>189</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>190</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>191</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>192</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>193</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>194</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>195</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>196</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>197</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>198</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>199</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>200</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>201</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>202</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>203</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>204</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>205</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>206</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>207</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>208</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>209</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>210</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>211</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>212</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>213</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>214</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>215</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>216</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>217</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>218</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>219</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>220</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>221</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>222</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>223</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>224</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/cell_message.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_icon.html" class="prev">
+ Define Column ICON
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/advanced_header/">
+ Advanced Header
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/21.afc557c6.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/ButtonAction.html b/documents/api/js/column_actions/ButtonAction.html
new file mode 100644
index 000000000..e1d109502
--- /dev/null
+++ b/documents/api/js/column_actions/ButtonAction.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>ButtonAction | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/22.76526d42.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" aria-current="page" class="active sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="buttonaction"><a href="#buttonaction" class="header-anchor">#</a> ButtonAction</h1> <p>Define the behavior when the button is clicked.</p> <p>The specified method is executed after select the cell by clicking it and then push Enter.</p> <p>You can control the property of <code>disabled</code> and <code>action</code> by manipulating the instance of <code>ButtonAction</code> class.<br>
+You can also disable each record by specifying a function for the <code>disabled</code> property.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>change disabled properties : <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1disabled<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>default<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>disabled<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>disabled = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>span</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1disabledmemo<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>span</span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>br</span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>change action properties : <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1action<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Show record<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>hello<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Message 'Hello!'<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>span</span><span class="token punctuation" data-v-63d28fc8>></span></span>Once you have changed, please try to click<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>span</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> buttonAction <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> buttonAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token comment" data-v-63d28fc8>/* ・・・ */</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token comment" data-v-63d28fc8>/* ・・・ */</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span> <span class="token comment" data-v-63d28fc8>/* ・・・ */</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1disabled"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//change disabled properties</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ buttonAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1disabledmemo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle and does not respond when hovering the mouse"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ buttonAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1disabledmemo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1action"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//change action properties</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"hello"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ buttonAction<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>action</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"Hello!"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ buttonAction<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>action</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/ButtonAction.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="prev">
+ Column Action Classes
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html">
+ CheckEditor
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/22.76526d42.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/CheckEditor.html b/documents/api/js/column_actions/CheckEditor.html
new file mode 100644
index 000000000..323278178
--- /dev/null
+++ b/documents/api/js/column_actions/CheckEditor.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CheckEditor | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" aria-current="page" class="active sidebar-link">CheckEditor</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html#data-editing" class="sidebar-link">Data editing</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html#disabled" class="sidebar-link">disabled</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="checkeditor"><a href="#checkeditor" class="header-anchor">#</a> CheckEditor</h1> <p>Define the behavior and data editing when checkbox is clicked.</p> <p>The record is edited after select the cell by clicking it and then push Enter or Space.</p> <p>You can control the property of <code>readOnly</code> and <code>disabled</code> by setting the instance of <code>CheckEditor</code> class to <code>action</code> of the column.<br>
+But if you define <code>'check'</code>, as string, to <code>action</code> of the column, you can't control these properties.<br>
+You can also disable or read-only each record by specifying a function for the <code>disabled</code> and <code>readOnly</code> properties.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>change action properties : <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1mode<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>both false<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>readOnly<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>readOnly = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>disabled<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>disabled = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>span</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1modememo<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>span</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> checkEditorAction <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>CheckEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"defined by string"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>//</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"defined by class instance"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> checkEditorAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> check2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> check2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> check2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1mode"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//change action properties</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"readOnly"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle and does not respond when hovering the mouse"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"both false"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="data-editing"><a href="#data-editing" class="header-anchor">#</a> Data editing</h2> <p>Basic behavior is switching <code>true</code> and <code>false</code>.</p> <p>Switchings shown below can be done as the special behavior.</p> <table><thead><tr><th>Type</th> <th>Truthy Value</th> <th>Falsy Value</th></tr></thead> <tbody><tr><td>number</td> <td><code>1</code></td> <td><code>0</code></td></tr> <tr><td>string</td> <td><code>'true'</code></td> <td><code>'false'</code></td></tr> <tr><td>string</td> <td><code>'on'</code></td> <td><code>'off'</code></td></tr> <tr><td>string</td> <td><code>'1'</code></td> <td><code>'0'</code></td></tr> <tr><td>string</td> <td><code>'01'</code></td> <td><code>'00'</code></td></tr> <tr><td>string</td> <td><code>'00001'</code></td> <td><code>'00000'</code></td></tr></tbody></table> <p>The value regarded as truthy value in JavaScript is switched to <code>false</code>.<br>
+The value regarded as falsy value is switched to <code>true</code>.</p> <p>All numbers except <code>0</code> are switched to <code>0</code>.<br>
+In this case, the original number will not be restored when switching again.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"boolean"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"true/false"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"num"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1/0"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"truefalse"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"'true'/'false'"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"onoff"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"on/off"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"onezero"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"'1'/'0'"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numstring"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"num string"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ boolean<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ num<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>0</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ truefalse<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"true"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ onoff<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"off"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ onezero<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ numstring<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"00"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ boolean<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ num<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ truefalse<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"false"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ onoff<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"on"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ onezero<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"0"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ numstring<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"0001"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ boolean<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ num<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>0</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ truefalse<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"true"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ onoff<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"off"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ onezero<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ numstring<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"00000000000"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="disabled"><a href="#disabled" class="header-anchor">#</a> disabled</h2> <p>You can control <code>disabled</code> depending on the state of the record by giving <code>disabled</code> a <code>function</code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> checkEditorAction <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>CheckEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+checkEditorAction<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>disabled</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> record<span class="token punctuation" data-v-63d28fc8>.</span>disabled<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"test"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"disabled?"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> checkEditorAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>//</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"control"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> test<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> test<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> test<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/CheckEditor.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="prev">
+ ButtonAction
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html">
+ SmallDialogInputEditor
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/23.42fe46b8.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/Classes.html b/documents/api/js/column_actions/Classes.html
new file mode 100644
index 000000000..84aec6488
--- /dev/null
+++ b/documents/api/js/column_actions/Classes.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Column Action Classes | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" aria-current="page" class="active sidebar-link">Column Action Classes</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html#namespace-cheetahgrid-columns-action" class="sidebar-link">Namespace cheetahGrid.columns.action</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html#standard-properties" class="sidebar-link">Standard Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="column-action-classes"><a href="#column-action-classes" class="header-anchor">#</a> Column Action Classes</h1> <h2 id="namespace-cheetahgrid-columns-action"><a href="#namespace-cheetahgrid-columns-action" class="header-anchor">#</a> Namespace <code>cheetahGrid.columns.action</code></h2> <table><thead><tr><th>Class Name</th> <th>Function</th> <th>Others</th></tr></thead> <tbody><tr><td><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html"><code>CheckEditor</code></a></td> <td>The behavior when clicking the checkbox</td> <td>same as <code>action: 'check'</code></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html"><code>ButtonAction</code></a></td> <td>The behavior when clicking the button</td> <td>---</td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html"><code>SmallDialogInputEditor</code></a></td> <td>The behavior when input the cell (Material Design Small edit dialog)</td> <td>same as <code>action: 'input'</code></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html"><code>InlineInputEditor</code></a></td> <td>The behavior when input the cell</td> <td>InlineInputEditor is an experiment stage</td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html"><code>InlineMenuEditor</code></a></td> <td>The behavior when select menu the cell</td> <td>---</td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html"><code>RadioEditor</code></a></td> <td>The behavior when clicking the radio button</td> <td>same as <code>action: 'radio'</code></td></tr></tbody></table> <h2 id="standard-properties"><a href="#standard-properties" class="header-anchor">#</a> Standard Properties</h2></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/Classes.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/" class="prev router-link-active">
+ Define Column Actions
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html">
+ ButtonAction
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/24.ff30c5af.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/InlineInputEditor.html b/documents/api/js/column_actions/InlineInputEditor.html
new file mode 100644
index 000000000..e80f50ae6
--- /dev/null
+++ b/documents/api/js/column_actions/InlineInputEditor.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>InlineInputEditor | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" aria-current="page" class="active sidebar-link">InlineInputEditor</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html#properties" class="sidebar-link">Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default" data-v-1eea9062 data-v-1eea9062><h1 id="inlineinputeditor" data-v-1eea9062><a href="#inlineinputeditor" class="header-anchor" data-v-1eea9062>#</a> InlineInputEditor</h1> <p data-v-1eea9062>Enables data editing by input.</p> <div class="code-preview" data-v-63d28fc8 data-v-1eea9062><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-1eea9062><pre class="language-html" data-v-63d28fc8 data-v-1eea9062><code data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>class</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+
+<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>label</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>change action properties : <span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>label</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>select</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>class</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>sample1mode<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+ <span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>option</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>value</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>selected</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>true<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>both false<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>option</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+ <span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>option</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>value</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>readOnly<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>readOnly = true<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>option</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+ <span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>option</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>value</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>disabled<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>disabled = true<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>option</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>select</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+<span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>span</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>class</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>sample1modememo<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>span</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>1</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>2</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>3</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>4</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>5</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>6</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>7</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>8</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>9</span><br data-v-63d28fc8 data-v-1eea9062></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-1eea9062><pre class="language-js" data-v-63d28fc8 data-v-1eea9062><code data-v-63d28fc8 data-v-1eea9062><span class="token keyword" data-v-63d28fc8 data-v-1eea9062>const</span> inputEditor <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>InlineInputEditor</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+<span class="token keyword" data-v-63d28fc8 data-v-1eea9062>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>".sample1"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"defined by InlineInputEditor"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token number" data-v-63d28fc8 data-v-1eea9062>260</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"show"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token number" data-v-63d28fc8 data-v-1eea9062>100</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"SHOW"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-1eea9062>action</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token parameter" data-v-63d28fc8 data-v-1eea9062>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-1eea9062>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token constant" data-v-63d28fc8 data-v-1eea9062>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>null</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>" "</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>]</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>records <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> text<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>]</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>".sample1mode"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function-variable function" data-v-63d28fc8 data-v-1eea9062>onchange</span> <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>function</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ <span class="token comment" data-v-63d28fc8 data-v-1eea9062>//change action properties</span>
+ <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>if</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token keyword" data-v-63d28fc8 data-v-1eea9062>this</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>value <span class="token operator" data-v-63d28fc8 data-v-1eea9062>===</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"readOnly"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>readOnly <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token boolean" data-v-63d28fc8 data-v-1eea9062>true</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>disabled <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token boolean" data-v-63d28fc8 data-v-1eea9062>false</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ document<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>textContent <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-1eea9062>"It will not toggle"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>else</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>if</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token keyword" data-v-63d28fc8 data-v-1eea9062>this</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>value <span class="token operator" data-v-63d28fc8 data-v-1eea9062>===</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"disabled"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>readOnly <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token boolean" data-v-63d28fc8 data-v-1eea9062>false</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>disabled <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token boolean" data-v-63d28fc8 data-v-1eea9062>true</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ document<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>textContent <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-1eea9062>"It will not toggle and does not respond when hovering the mouse"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>else</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>readOnly <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token boolean" data-v-63d28fc8 data-v-1eea9062>false</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>disabled <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token boolean" data-v-63d28fc8 data-v-1eea9062>false</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ document<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>textContent <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"both false"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>1</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>2</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>3</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>4</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>5</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>6</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>7</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>8</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>9</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>10</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>11</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>12</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>13</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>14</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>15</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>16</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>17</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>18</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>19</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>20</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>21</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>22</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>23</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>24</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>25</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>26</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>27</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>28</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>29</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>30</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>31</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>32</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>33</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>34</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>35</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>36</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>37</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>38</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>39</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>40</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>41</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>42</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>43</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>44</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>45</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>46</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>47</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>48</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>49</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>50</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>51</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>52</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>53</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>54</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>55</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>56</span><br data-v-63d28fc8 data-v-1eea9062></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="properties" data-v-1eea9062><a href="#properties" class="header-anchor" data-v-1eea9062>#</a> Properties</h2> <table data-v-1eea9062><thead data-v-1eea9062><tr data-v-1eea9062><th data-v-1eea9062>Property</th> <th data-v-1eea9062>Description</th></tr></thead> <tbody data-v-1eea9062><tr data-v-1eea9062><td data-v-1eea9062><code data-v-1eea9062>type</code></td> <td data-v-1eea9062>Specify the <code data-v-1eea9062>type</code> attribute of the <code data-v-1eea9062><input></code> element.</td></tr> <tr data-v-1eea9062><td data-v-1eea9062><code data-v-1eea9062>classList</code></td> <td data-v-1eea9062>Specify <code data-v-1eea9062>class</code> of the <code data-v-1eea9062><input></code> element.</td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8 data-v-1eea9062><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-1eea9062><pre class="language-html" data-v-63d28fc8 data-v-1eea9062><code data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-1eea9062>class</span><span class="token attr-value" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-1eea9062>=</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span>sample2 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token tag" data-v-63d28fc8 data-v-1eea9062><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>1</span><br data-v-63d28fc8 data-v-1eea9062></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-1eea9062><pre class="language-js" data-v-63d28fc8 data-v-1eea9062><code data-v-63d28fc8 data-v-1eea9062><span class="token keyword" data-v-63d28fc8 data-v-1eea9062>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>".sample2"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"number"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"type & classList"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token number" data-v-63d28fc8 data-v-1eea9062>220</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"number"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>InlineInputEditor</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ type<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"number"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ classList<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>[</span><span class="token string" data-v-63d28fc8 data-v-1eea9062>"al-right"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>]</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"show"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token number" data-v-63d28fc8 data-v-1eea9062>100</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>"SHOW"</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>new</span> <span class="token class-name" data-v-63d28fc8 data-v-1eea9062>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-1eea9062>action</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token parameter" data-v-63d28fc8 data-v-1eea9062>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-1eea9062>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span><span class="token constant" data-v-63d28fc8 data-v-1eea9062>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span><span class="token function" data-v-63d28fc8 data-v-1eea9062>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span> <span class="token keyword" data-v-63d28fc8 data-v-1eea9062>null</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span> <span class="token string" data-v-63d28fc8 data-v-1eea9062>" "</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>]</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>)</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>.</span>records <span class="token operator" data-v-63d28fc8 data-v-1eea9062>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>[</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> number<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token number" data-v-63d28fc8 data-v-1eea9062>1234</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> number<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token number" data-v-63d28fc8 data-v-1eea9062>1234.123</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>,</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span> number<span class="token operator" data-v-63d28fc8 data-v-1eea9062>:</span> <span class="token operator" data-v-63d28fc8 data-v-1eea9062>-</span><span class="token number" data-v-63d28fc8 data-v-1eea9062>1234.123</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>]</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>1</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>2</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>3</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>4</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>5</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>6</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>7</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>8</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>9</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>10</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>11</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>12</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>13</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>14</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>15</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>16</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>17</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>18</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>19</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>20</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>21</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>22</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>23</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>24</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>25</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>26</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>27</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>28</span><br data-v-63d28fc8 data-v-1eea9062></div></div><div class="language-css line-numbers-mode" data-v-63d28fc8 data-v-1eea9062><pre class="language-css" data-v-63d28fc8 data-v-1eea9062><code data-v-63d28fc8 data-v-1eea9062><span class="token selector" data-v-63d28fc8 data-v-1eea9062>.al-right</span> <span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>{</span>
+ <span class="token property" data-v-63d28fc8 data-v-1eea9062>text-align</span><span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>:</span> right<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>;</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-1eea9062>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>1</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>2</span><br data-v-63d28fc8 data-v-1eea9062><span class="line-number" data-v-63d28fc8 data-v-1eea9062>3</span><br data-v-63d28fc8 data-v-1eea9062></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/InlineInputEditor.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="prev">
+ SmallDialogInputEditor
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html">
+ InlineMenuEditor
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/8.e15bfd1b.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/InlineMenuEditor.html b/documents/api/js/column_actions/InlineMenuEditor.html
new file mode 100644
index 000000000..2f76810a1
--- /dev/null
+++ b/documents/api/js/column_actions/InlineMenuEditor.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>InlineMenuEditor | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/25.73e5a109.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" aria-current="page" class="active sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="inlinemenueditor"><a href="#inlinemenueditor" class="header-anchor">#</a> InlineMenuEditor</h1> <p>Enables data editing by menu selection.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>change action properties : <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1mode<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>both false<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>readOnly<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>readOnly = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>disabled<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>disabled = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>span</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1modememo<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>span</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> menuOptions <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Empty"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> displayOptions <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Choose your option"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> menuEditor <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>InlineMenuEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sel"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"InlineMenuEditor"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>260</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> displayOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>InlineMenuEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sel2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"controlable properties"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>260</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> displayOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> menuEditor<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1mode"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//change action properties</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"readOnly"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ menuEditor<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ menuEditor<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ menuEditor<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ menuEditor<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle and does not respond when hovering the mouse"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ menuEditor<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ menuEditor<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"both false"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>86</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>87</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>88</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>89</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>90</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>91</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>92</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>93</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/InlineMenuEditor.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="prev">
+ InlineInputEditor
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html">
+ RadioEditor
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/25.73e5a109.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/RadioEditor.html b/documents/api/js/column_actions/RadioEditor.html
new file mode 100644
index 000000000..0a123539a
--- /dev/null
+++ b/documents/api/js/column_actions/RadioEditor.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>RadioEditor | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/27.db27917f.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" aria-current="page" class="active sidebar-link">RadioEditor</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html#disabled" class="sidebar-link">disabled</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="radioeditor"><a href="#radioeditor" class="header-anchor">#</a> RadioEditor</h1> <p>Define the behavior and data editing when radio button is clicked.</p> <p>The record is edited after select the cell by clicking it and then push Enter or Space.</p> <p>You can control the property of <code>readOnly</code> and <code>disabled</code> by setting the instance of <code>RadioEditor</code> class to <code>action</code> of the column.<br>
+But if you define <code>'radio'</code>, as string, to <code>action</code> of the column, you can't control these properties.<br>
+You can also disable or read-only each record by specifying a function for the <code>disabled</code> and <code>readOnly</code> properties.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>change action properties : <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1mode<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>both false<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>readOnly<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>readOnly = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>disabled<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>disabled = true<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>span</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1modememo<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>span</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> radioEditorAction <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>RadioEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Defined by string"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>//</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Defined by class instance"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> radioEditorAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> check2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> check2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> check2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1mode"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//change action properties</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"readOnly"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token string" data-v-63d28fc8>"It will not toggle and does not respond when hovering the mouse"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>readOnly <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span>disabled <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"both false"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="disabled"><a href="#disabled" class="header-anchor">#</a> disabled</h2> <p>You can control <code>disabled</code> depending on the state of the record by giving <code>disabled</code> a <code>function</code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> radioEditorAction <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>RadioEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+radioEditorAction<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>disabled</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> record<span class="token punctuation" data-v-63d28fc8>.</span>disabled<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"test"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"disabled?"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> radioEditorAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>//</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"control"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>220</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> test<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> test<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> test<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/RadioEditor.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="prev">
+ InlineMenuEditor
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html">
+ Standard Properties
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/27.db27917f.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/SmallDialogInputEditor.html b/documents/api/js/column_actions/SmallDialogInputEditor.html
new file mode 100644
index 000000000..0699376e4
--- /dev/null
+++ b/documents/api/js/column_actions/SmallDialogInputEditor.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>SmallDialogInputEditor | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" aria-current="page" class="active sidebar-link">SmallDialogInputEditor</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html#properties" class="sidebar-link">Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default" data-v-d81b43c4 data-v-d81b43c4><h1 id="smalldialoginputeditor" data-v-d81b43c4><a href="#smalldialoginputeditor" class="header-anchor" data-v-d81b43c4>#</a> SmallDialogInputEditor</h1> <p data-v-d81b43c4>Enables data editing by input.</p> <p data-v-d81b43c4>You can dynamically control the <code data-v-d81b43c4>readOnly</code> and <code data-v-d81b43c4>disabled</code> property by defining an instance of the <code data-v-d81b43c4>SmallDialogInputEditor</code> class to the <code data-v-d81b43c4>action</code> column.<br data-v-d81b43c4>
+But if you define <code data-v-d81b43c4>'input'</code>, as string, to <code data-v-d81b43c4>action</code> of the column, you can't control these properties.<br data-v-d81b43c4>
+You can also disable or read-only each record by specifying a function for the <code data-v-d81b43c4>disabled</code> and <code data-v-d81b43c4>readOnly</code> properties.</p> <div class="code-preview" data-v-63d28fc8 data-v-d81b43c4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-d81b43c4><pre class="language-html" data-v-63d28fc8 data-v-d81b43c4><code data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+
+<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>label</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>change action properties : <span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>label</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>select</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>sample1mode<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+ <span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>option</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>selected</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>true<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>both false<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>option</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+ <span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>option</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>readOnly<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>readOnly = true<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>option</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+ <span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>option</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>disabled<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>disabled = true<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>option</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>select</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+<span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>span</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>sample1modememo<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>span</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>1</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>2</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>3</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>4</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>5</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>6</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>7</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>8</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>9</span><br data-v-63d28fc8 data-v-d81b43c4></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-d81b43c4><pre class="language-js" data-v-63d28fc8 data-v-d81b43c4><code data-v-63d28fc8 data-v-d81b43c4><span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>const</span> inputEditor <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>SmallDialogInputEditor</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+<span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>".sample1"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text1"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"defined by string"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>220</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"input"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+
+ <span class="token comment" data-v-63d28fc8 data-v-d81b43c4>//</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text2"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"defined by class instance"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>220</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"show"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>100</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"SHOW"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token constant" data-v-63d28fc8 data-v-d81b43c4>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>null</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>" "</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> text1<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text2<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>".sample1mode"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function-variable function" data-v-63d28fc8 data-v-d81b43c4>onchange</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>function</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token comment" data-v-63d28fc8 data-v-d81b43c4>//change action properties</span>
+ <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>if</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>this</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>value <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>===</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"readOnly"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>readOnly <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token boolean" data-v-63d28fc8 data-v-d81b43c4>true</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>disabled <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token boolean" data-v-63d28fc8 data-v-d81b43c4>false</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ document<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>textContent <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"It will not toggle"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>else</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>if</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>this</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>value <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>===</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"disabled"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>readOnly <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token boolean" data-v-63d28fc8 data-v-d81b43c4>false</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>disabled <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token boolean" data-v-63d28fc8 data-v-d81b43c4>true</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ document<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>textContent <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"It will not toggle and does not respond when hovering the mouse"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>else</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>readOnly <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token boolean" data-v-63d28fc8 data-v-d81b43c4>false</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ inputEditor<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>disabled <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token boolean" data-v-63d28fc8 data-v-d81b43c4>false</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ document<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>".sample1modememo"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>textContent <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"both false"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>1</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>2</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>3</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>4</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>5</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>6</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>7</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>8</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>9</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>10</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>11</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>12</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>13</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>14</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>15</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>16</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>17</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>18</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>19</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>20</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>21</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>22</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>23</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>24</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>25</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>26</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>27</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>28</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>29</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>30</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>31</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>32</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>33</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>34</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>35</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>36</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>37</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>38</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>39</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>40</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>41</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>42</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>43</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>44</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>45</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>46</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>47</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>48</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>49</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>50</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>51</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>52</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>53</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>54</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>55</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>56</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>57</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>58</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>59</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>60</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>61</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>62</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>63</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>64</span><br data-v-63d28fc8 data-v-d81b43c4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="properties" data-v-d81b43c4><a href="#properties" class="header-anchor" data-v-d81b43c4>#</a> Properties</h2> <p data-v-d81b43c4>The following properties can be set with the constructor argument of <code data-v-d81b43c4>SmallDialogInputEditor</code>.</p> <table data-v-d81b43c4><thead data-v-d81b43c4><tr data-v-d81b43c4><th data-v-d81b43c4>Property</th> <th data-v-d81b43c4>Description</th></tr></thead> <tbody data-v-d81b43c4><tr data-v-d81b43c4><td data-v-d81b43c4><code data-v-d81b43c4>type</code></td> <td data-v-d81b43c4>Specify the <code data-v-d81b43c4>type</code> attribute of the <code data-v-d81b43c4><input></code> element.</td></tr> <tr data-v-d81b43c4><td data-v-d81b43c4><code data-v-d81b43c4>classList</code></td> <td data-v-d81b43c4>Specify <code data-v-d81b43c4>class</code> of the dialog element.</td></tr> <tr data-v-d81b43c4><td data-v-d81b43c4><code data-v-d81b43c4>helperText</code></td> <td data-v-d81b43c4>Specify helper text. You can also specify a function.</td></tr> <tr data-v-d81b43c4><td data-v-d81b43c4><code data-v-d81b43c4>validator</code></td> <td data-v-d81b43c4>Specify the validation function to be call before confirming the input value. If there is an error, please use the function to return the message.</td></tr> <tr data-v-d81b43c4><td data-v-d81b43c4><code data-v-d81b43c4>inputValidator</code></td> <td data-v-d81b43c4>Specify the validation function of the value of <code data-v-d81b43c4><input></code>. If there is an error, please use the function to return the message.</td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8 data-v-d81b43c4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-d81b43c4><pre class="language-html" data-v-63d28fc8 data-v-d81b43c4><code data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-d81b43c4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-d81b43c4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span>sample2 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token tag" data-v-63d28fc8 data-v-d81b43c4><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>1</span><br data-v-63d28fc8 data-v-d81b43c4></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-d81b43c4><pre class="language-js" data-v-63d28fc8 data-v-d81b43c4><code data-v-63d28fc8 data-v-d81b43c4><span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>".sample2"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"number"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"type & classList"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>220</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"number"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>SmallDialogInputEditor</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ type<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"number"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ classList<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>[</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>"al-right"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"validator & helperText"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>220</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>SmallDialogInputEditor</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ classList<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"helper-text--right-justified"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>helperText</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>return</span> <span class="token template-string" data-v-63d28fc8 data-v-d81b43c4><span class="token template-punctuation string" data-v-63d28fc8 data-v-d81b43c4>`</span><span class="token interpolation" data-v-63d28fc8 data-v-d81b43c4><span class="token interpolation-punctuation punctuation" data-v-63d28fc8 data-v-d81b43c4>${</span>value<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>length<span class="token interpolation-punctuation punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span></span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>/20</span><span class="token template-punctuation string" data-v-63d28fc8 data-v-d81b43c4>`</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>inputValidator</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>return</span> value<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>length <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>></span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>20</span>
+ <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>?</span> <span class="token template-string" data-v-63d28fc8 data-v-d81b43c4><span class="token template-punctuation string" data-v-63d28fc8 data-v-d81b43c4>`</span><span class="token string" data-v-63d28fc8 data-v-d81b43c4>over the max length. </span><span class="token interpolation" data-v-63d28fc8 data-v-d81b43c4><span class="token interpolation-punctuation punctuation" data-v-63d28fc8 data-v-d81b43c4>${</span>value<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>length<span class="token interpolation-punctuation punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span></span><span class="token template-punctuation string" data-v-63d28fc8 data-v-d81b43c4>`</span></span>
+ <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>null</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>validator</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>return</span> value<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>match</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token regex" data-v-63d28fc8 data-v-d81b43c4><span class="token regex-delimiter" data-v-63d28fc8 data-v-d81b43c4>/</span><span class="token regex-source language-regex" data-v-63d28fc8 data-v-d81b43c4>^[a-zA-Z]*$</span><span class="token regex-delimiter" data-v-63d28fc8 data-v-d81b43c4>/</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>?</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>null</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"Please only alphabet."</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"code"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"async validator"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>220</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>SmallDialogInputEditor</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ helperText<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"enter code. /^[A-Z]\\d{3}$/"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>validator</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>value</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>return</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>Promise</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>r</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=></span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>setTimeout</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=></span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>r</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span>value<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>match</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token regex" data-v-63d28fc8 data-v-d81b43c4><span class="token regex-delimiter" data-v-63d28fc8 data-v-d81b43c4>/</span><span class="token regex-source language-regex" data-v-63d28fc8 data-v-d81b43c4>^[A-Z]\d{3}$</span><span class="token regex-delimiter" data-v-63d28fc8 data-v-d81b43c4>/</span></span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>?</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>null</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"Invalid code."</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>500</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"show"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>100</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"SHOW"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-d81b43c4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token parameter" data-v-63d28fc8 data-v-d81b43c4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-d81b43c4>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span><span class="token constant" data-v-63d28fc8 data-v-d81b43c4>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span><span class="token function" data-v-63d28fc8 data-v-d81b43c4>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> <span class="token keyword" data-v-63d28fc8 data-v-d81b43c4>null</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>" "</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> number<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>1234</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"a"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> code<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"A001"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> number<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token number" data-v-63d28fc8 data-v-d81b43c4>1234.123</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"b"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> code<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"A002"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span> number<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token operator" data-v-63d28fc8 data-v-d81b43c4>-</span><span class="token number" data-v-63d28fc8 data-v-d81b43c4>1234.123</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> text<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"c"</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span> code<span class="token operator" data-v-63d28fc8 data-v-d81b43c4>:</span> <span class="token string" data-v-63d28fc8 data-v-d81b43c4>"A003"</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>1</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>2</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>3</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>4</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>5</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>6</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>7</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>8</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>9</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>10</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>11</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>12</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>13</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>14</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>15</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>16</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>17</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>18</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>19</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>20</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>21</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>22</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>23</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>24</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>25</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>26</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>27</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>28</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>29</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>30</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>31</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>32</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>33</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>34</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>35</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>36</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>37</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>38</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>39</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>40</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>41</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>42</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>43</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>44</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>45</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>46</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>47</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>48</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>49</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>50</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>51</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>52</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>53</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>54</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>55</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>56</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>57</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>58</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>59</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>60</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>61</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>62</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>63</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>64</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>65</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>66</span><br data-v-63d28fc8 data-v-d81b43c4></div></div><div class="language-css line-numbers-mode" data-v-63d28fc8 data-v-d81b43c4><pre class="language-css" data-v-63d28fc8 data-v-d81b43c4><code data-v-63d28fc8 data-v-d81b43c4><span class="token selector" data-v-63d28fc8 data-v-d81b43c4>.al-right input</span> <span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>{</span>
+ <span class="token property" data-v-63d28fc8 data-v-d81b43c4>text-align</span><span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>:</span> right<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>;</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-d81b43c4>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>1</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>2</span><br data-v-63d28fc8 data-v-d81b43c4><span class="line-number" data-v-63d28fc8 data-v-d81b43c4>3</span><br data-v-63d28fc8 data-v-d81b43c4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/SmallDialogInputEditor.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="prev">
+ CheckEditor
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html">
+ InlineInputEditor
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/9.d79e6b88.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/index.html b/documents/api/js/column_actions/index.html
new file mode 100644
index 000000000..2c967f48c
--- /dev/null
+++ b/documents/api/js/column_actions/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Column Actions | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="active sidebar-link">Define Column Actions</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/#standard-column-action" class="sidebar-link">Standard Column Action</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/#advanced-column-action" class="sidebar-link">Advanced Column Action</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" class="sidebar-link">Standard Properties</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-column-actions"><a href="#define-column-actions" class="header-anchor">#</a> Define Column Actions</h1> <h2 id="standard-column-action"><a href="#standard-column-action" class="header-anchor">#</a> Standard Column Action</h2> <p>Define column action by using <code>action</code> property.<br>
+Please select suitable Action class for <code>columnType</code> of same column.</p> <table><thead><tr><th><code>columnType</code></th> <th>Specified <code>action</code> by string</th> <th>Description</th> <th>LINK</th></tr></thead> <tbody><tr><td><code>check</code></td> <td><code>'check'</code></td> <td>Define the behavior when checkbox is clicked.</td> <td><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html">CheckEditor</a></td></tr> <tr><td><code>button</code></td> <td>---</td> <td>Define the behavior when button is clicked.</td> <td><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html">ButtonAction</a></td></tr> <tr><td><code>input</code></td> <td><code>'input'</code></td> <td>Define the behavior when cell input.</td> <td><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html">SmallDialogInputEditor</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html">MenuColumn</a></td> <td>---</td> <td>Define the behavior when select a menu.</td> <td><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html">InlineMenuEditor</a></td></tr> <tr><td><code>radio</code></td> <td><code>'radio'</code></td> <td>Define the behavior when radio button is clicked.</td> <td><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html">RadioEditor</a></td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// action: 'check'</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>60</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// action: 'input'</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show rec"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// ButtonAction</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abc"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"def"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ghi"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="advanced-column-action"><a href="#advanced-column-action" class="header-anchor">#</a> Advanced Column Action</h2> <p>By setting the property <code>action</code> as an Action instance,
+You can change the properties of the action (disable, readonly, etc.) in the when you want.</p> <p>Please refer to <a href="/cheetah-grid/documents/api/js/column_actions/Classes.html">here</a></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_styles/" class="prev">
+ Define Column Styles
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html">
+ Column Action Classes
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/26.f60ff9fd.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_actions/standard-properties.html b/documents/api/js/column_actions/standard-properties.html
new file mode 100644
index 000000000..50506cb16
--- /dev/null
+++ b/documents/api/js/column_actions/standard-properties.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Standard Properties | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/28.6d1170de.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Actions</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_actions/" aria-current="page" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/Classes.html" class="sidebar-link">Column Action Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html" class="sidebar-link">ButtonAction</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html" class="sidebar-link">CheckEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html" class="sidebar-link">SmallDialogInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineInputEditor.html" class="sidebar-link">InlineInputEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html" class="sidebar-link">InlineMenuEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="sidebar-link">RadioEditor</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html" aria-current="page" class="active sidebar-link">Standard Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html#disabled-property" class="sidebar-link">disabled property</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_actions/standard-properties.html#readonly-property" class="sidebar-link">readOnly property</a></li></ul></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="standard-properties"><a href="#standard-properties" class="header-anchor">#</a> Standard Properties</h1> <p>Action classes have some common properties.
+Here, they will be described.</p> <h2 id="disabled-property"><a href="#disabled-property" class="header-anchor">#</a> <code>disabled</code> property</h2> <p>If set to <code>true</code>, the action will be disabled.
+You can also control <code>disabled</code> for each record by specifying a function.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> alwaysDisabledButtonAction <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"Clicked Button!"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> DisabledForEachRecordButtonAction <span class="token operator" data-v-63d28fc8>=</span>
+ <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>disabled</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> rec<span class="token punctuation" data-v-63d28fc8>.</span>disabled<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"Clicked Button!"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Always Disabled"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> alwaysDisabledButtonAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Disabled"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"disabled"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Disabled for Each Record"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> DisabledForEachRecordButtonAction<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span> disabled<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8></div></div><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="readonly-property"><a href="#readonly-property" class="header-anchor">#</a> <code>readOnly</code> property</h2> <p>If set to <code>true</code>, the action will be read-only.
+As with <code>disabled</code>, you can also specify a function.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_actions/standard-properties.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html" class="prev">
+ RadioEditor
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/grid_data/">
+ Grid Data
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/28.6d1170de.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_icon.html b/documents/api/js/column_icon.html
new file mode 100644
index 000000000..9cb6f61ab
--- /dev/null
+++ b/documents/api/js/column_icon.html
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Column ICON | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/10.63120c1f.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" aria-current="page" class="active sidebar-link">Define Column ICON</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_icon.html#standard-way-to-specify-web-fonts" class="sidebar-link">Standard way to specify Web Fonts</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_icon.html#other-ways-to-specify-web-font" class="sidebar-link">Other ways to specify Web Font</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_icon.html#how-to-specify-images" class="sidebar-link">How to specify Images</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_icon.html#multiple-icons" class="sidebar-link">Multiple Icons</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default" data-v-c3e9fdf4 data-v-c3e9fdf4><h1 id="define-column-icon" data-v-c3e9fdf4><a href="#define-column-icon" class="header-anchor" data-v-c3e9fdf4>#</a> Define Column ICON</h1> <p data-v-c3e9fdf4>Use <code data-v-c3e9fdf4>icon</code> property when drawing icons.</p> <p data-v-c3e9fdf4>You can use 2 types of icons below by setting.</p> <ul data-v-c3e9fdf4><li data-v-c3e9fdf4>ICON by Web Font</li> <li data-v-c3e9fdf4>ICON by picture</li></ul> <h2 id="standard-way-to-specify-web-fonts" data-v-c3e9fdf4><a href="#standard-way-to-specify-web-fonts" class="header-anchor" data-v-c3e9fdf4>#</a> Standard way to specify Web Fonts</h2> <p data-v-c3e9fdf4>For standard Web font, you should set <code data-v-c3e9fdf4>font</code> and <code data-v-c3e9fdf4>content</code>.</p> <div class="code-preview" data-v-63d28fc8 data-v-c3e9fdf4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-html" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div><blockquote data-v-63d28fc8 data-v-c3e9fdf4><p data-v-63d28fc8 data-v-c3e9fdf4>ICON in sample uses <a href="http://fontawesome.io/icons/" target="_blank" rel="noopener noreferrer" data-v-63d28fc8 data-v-c3e9fdf4>Font Awesome Icons<span data-v-c3e9fdf4><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-html" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4><!-- Font Awesome: http://fontawesome.io --></span>
+<span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4><</span>link</span>
+ <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>rel</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>stylesheet<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>type</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>text/css<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>href</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>/></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>2</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>3</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>4</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>5</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>6</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div></blockquote> <div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-js" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>".sample1"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>180</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ font<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"normal normal normal 14px/1 FontAwesome"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ content<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconContent"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"button"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>180</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ font<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"normal normal normal 14px/1 FontAwesome"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ content<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconContent"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"BUTTON"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token parameter" data-v-63d28fc8 data-v-c3e9fdf4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token constant" data-v-63d28fc8 data-v-c3e9fdf4>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"file"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf15b"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"audio"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1c7"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"code"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1c9"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"image"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1c5"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>2</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>3</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>4</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>5</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>6</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>7</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>8</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>9</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>10</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>11</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>12</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>13</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>14</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>15</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>17</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>18</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>19</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>20</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>21</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>22</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>23</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>24</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>25</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>26</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>27</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>28</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>29</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>30</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>31</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>32</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>33</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>34</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>35</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>36</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>37</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>38</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>39</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="other-ways-to-specify-web-font" data-v-c3e9fdf4><a href="#other-ways-to-specify-web-font" class="header-anchor" data-v-c3e9fdf4>#</a> Other ways to specify Web Font</h2> <p data-v-c3e9fdf4>You can use web font by setting <code data-v-c3e9fdf4>className</code>.</p> <div class="code-preview" data-v-63d28fc8 data-v-c3e9fdf4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-html" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>sample2 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-js" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>".sample2"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>180</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ className<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconClassName"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"button"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>180</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ className<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconClassName"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ color<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"#fff"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"BUTTON"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token parameter" data-v-63d28fc8 data-v-c3e9fdf4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token constant" data-v-63d28fc8 data-v-c3e9fdf4>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"file"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconClassName<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"fa fa-file"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"audio"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconClassName<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"fa fa-file-audio-o"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"code"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconClassName<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"fa fa-file-code-o"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"image"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconClassName<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"fa fa-file-image-o"</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>2</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>3</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>4</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>5</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>6</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>7</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>8</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>9</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>10</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>11</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>12</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>13</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>14</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>15</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>17</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>18</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>19</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>20</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>21</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>22</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>23</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>24</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>25</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>26</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>27</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>28</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>29</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>30</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>31</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>32</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>33</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>34</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>35</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>36</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>37</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>38</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="how-to-specify-images" data-v-c3e9fdf4><a href="#how-to-specify-images" class="header-anchor" data-v-c3e9fdf4>#</a> How to specify Images</h2> <p data-v-c3e9fdf4>Set <code data-v-c3e9fdf4>src</code> to show pictures.</p> <div class="code-preview" data-v-63d28fc8 data-v-c3e9fdf4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-html" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>sample3 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-js" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>".sample3"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"OSS"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>300</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ src<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconSrc"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"label"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"link"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>150</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ src<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconSrc"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"LINK"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token parameter" data-v-63d28fc8 data-v-c3e9fdf4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ window<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>open</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>url<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"_blank"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"Vuls: VULnerability Scanner"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span>
+ <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://github.com/future-architect/vuls"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"uroboroSQL"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://future-architect.github.io/uroborosql-doc/favicon.ico"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://future-architect.github.io/uroborosql-doc/"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"Urushi"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span>
+ <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"http://future-architect.github.io/urushi/"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>2</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>3</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>4</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>5</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>6</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>7</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>8</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>9</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>10</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>11</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>12</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>13</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>14</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>15</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>17</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>18</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>19</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>20</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>21</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>22</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>23</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>24</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>25</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>26</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>27</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>28</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>29</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>30</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>31</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>32</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>33</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>34</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>35</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>36</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>37</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>38</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>39</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>40</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>41</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>42</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>43</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>44</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>45</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>46</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>47</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>48</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>49</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="multiple-icons" data-v-c3e9fdf4><a href="#multiple-icons" class="header-anchor" data-v-c3e9fdf4>#</a> Multiple Icons</h2> <p data-v-c3e9fdf4>Give array in order to show multiple icons.</p> <div class="code-preview" data-v-63d28fc8 data-v-c3e9fdf4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-html" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>sample4 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-js" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>".sample4"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>180</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ font<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"normal normal normal 14px/1 FontAwesome"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ content<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconContent"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"text"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"button"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>180</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ font<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"normal normal normal 14px/1 FontAwesome"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ content<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconContent"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token comment" data-v-63d28fc8 data-v-c3e9fdf4>// Optional</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"BUTTON"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token parameter" data-v-63d28fc8 data-v-c3e9fdf4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>alert</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token constant" data-v-63d28fc8 data-v-c3e9fdf4>JSON</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>stringify</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"files"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf15b"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1c7"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1c9"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1c5"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"forms"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf046"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf192"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf0fe"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf147"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span> text<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"charts"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> iconContent<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf1fe"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf080"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"\uf200"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>2</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>3</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>4</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>5</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>6</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>7</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>8</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>9</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>10</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>11</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>12</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>13</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>14</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>15</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>17</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>18</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>19</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>20</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>21</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>22</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>23</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>24</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>25</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>26</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>27</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>28</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>29</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>30</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>31</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>32</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>33</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>34</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>35</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>36</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>37</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>38</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <div class="code-preview" data-v-63d28fc8 data-v-c3e9fdf4><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-html" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4><</span>div</span> <span class="token attr-name" data-v-63d28fc8 data-v-c3e9fdf4>class</span><span class="token attr-value" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation attr-equals" data-v-63d28fc8 data-v-c3e9fdf4>=</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span>sample5 demo-grid small<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>"</span></span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token tag" data-v-63d28fc8 data-v-c3e9fdf4><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4></</span>div</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8 data-v-c3e9fdf4><pre class="language-js" data-v-63d28fc8 data-v-c3e9fdf4><code data-v-63d28fc8 data-v-c3e9fdf4><span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> grid <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> document<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>querySelector</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>".sample5"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ header<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"OSS"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>300</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ src<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconSrc"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ field<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"label"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"link"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>150</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ icon<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ src<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"iconSrc"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ width<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ columnType<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>type<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ caption<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"LINK"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ action<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>new</span> <span class="token class-name" data-v-63d28fc8 data-v-c3e9fdf4>cheetahGrid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>columns<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>action<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ <span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>action</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span><span class="token parameter" data-v-63d28fc8 data-v-c3e9fdf4>rec</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ window<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span><span class="token function" data-v-63d28fc8 data-v-c3e9fdf4>open</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>(</span>rec<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>url<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"_blank"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>)</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+<span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> vulsIconUrl <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+<span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> uroboroSQLIconUrl <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://future-architect.github.io/uroborosql-doc/favicon.ico"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+<span class="token keyword" data-v-63d28fc8 data-v-c3e9fdf4>const</span> urushiIconUrl <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span>
+ <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+grid<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>.</span>records <span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>=</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"Vuls: VULnerability Scanner"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>vulsIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> vulsIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> vulsIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> vulsIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://github.com/future-architect/vuls"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"uroboroSQL"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>uroboroSQLIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> uroboroSQLIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> uroboroSQLIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://future-architect.github.io/uroborosql-doc/"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"Urushi"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>urushiIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> urushiIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"http://future-architect.github.io/urushi/"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>{</span>
+ label<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"Awesome OSS"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ iconSrc<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>[</span>vulsIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> uroboroSQLIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span> urushiIconUrl<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ url<span class="token operator" data-v-63d28fc8 data-v-c3e9fdf4>:</span> <span class="token string" data-v-63d28fc8 data-v-c3e9fdf4>"https://future-architect.github.io/"</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+ <span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>}</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>,</span>
+<span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>]</span><span class="token punctuation" data-v-63d28fc8 data-v-c3e9fdf4>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>1</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>2</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>3</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>4</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>5</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>6</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>7</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>8</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>9</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>10</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>11</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>12</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>13</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>14</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>15</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>16</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>17</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>18</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>19</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>20</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>21</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>22</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>23</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>24</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>25</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>26</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>27</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>28</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>29</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>30</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>31</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>32</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>33</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>34</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>35</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>36</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>37</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>38</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>39</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>40</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>41</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>42</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>43</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>44</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>45</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>46</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>47</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>48</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>49</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>50</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>51</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>52</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>53</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>54</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>55</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>56</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>57</span><br data-v-63d28fc8 data-v-c3e9fdf4><span class="line-number" data-v-63d28fc8 data-v-c3e9fdf4>58</span><br data-v-63d28fc8 data-v-c3e9fdf4></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_icon.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/theme.html" class="prev">
+ Theme
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/cell_message.html">
+ Define Cell Messages
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/10.63120c1f.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_styles/index.html b/documents/api/js/column_styles/index.html
new file mode 100644
index 000000000..17ab85839
--- /dev/null
+++ b/documents/api/js/column_styles/index.html
@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Column Styles | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Styles</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_styles/" aria-current="page" class="active sidebar-link">Define Column Styles</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_styles/#standard-column-style" class="sidebar-link">Standard Column Style</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_styles/#advanced-column-style" class="sidebar-link">Advanced Column Style</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_styles/#header-style" class="sidebar-link">Header Style</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_styles/indicators.html" class="sidebar-link">Indicators</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-column-styles"><a href="#define-column-styles" class="header-anchor">#</a> Define Column Styles</h1> <h2 id="standard-column-style"><a href="#standard-column-style" class="header-anchor">#</a> Standard Column Style</h2> <p>Define column style by using <code>style</code> property.</p> <p>Properties below are prepared in standard.</p> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td>color</td> <td>Define the color of cell.</td></tr> <tr><td>textAlign</td> <td>Define the horizontal position of text in cell.</td></tr> <tr><td>textBaseline</td> <td>Define the vertical position of text in cell.</td></tr> <tr><td>bgColor</td> <td>Define the background color of cell.</td></tr> <tr><td>font</td> <td>Define the font of cell.</td></tr> <tr><td>padding</td> <td>Define the padding of cell. If you set 4 values separately, please set the <code>Array</code>.</td></tr> <tr><td>textOverflow</td> <td>Define how to display when text overflows the area of a cell. <code>clip</code> or <code>ellipsis</code> is available.</td></tr> <tr><td>visibility</td> <td>Specifying <code>hidden</code> to it will stop drawing the cell's content. Note that this does not stop the cell's action.</td></tr></tbody></table> <p>Note that the column type may add style properties that you can use. The properties added are described in the documentation for each column type.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// default</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// color</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"color"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span> style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// textAlign</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"right"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textAlign<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"right"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"center"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textAlign<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"center"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// textBaseline</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"top"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"top"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// bgColor</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bgColor"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> bgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#5f5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// font</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"font"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> font<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"9px sans-serif"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// default</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// padding</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"padding"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span> style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> padding<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>20</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"padding"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> padding<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token number" data-v-63d28fc8>0</span> <span class="token comment" data-v-63d28fc8>/*top*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>10</span> <span class="token comment" data-v-63d28fc8>/*right*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>15</span> <span class="token comment" data-v-63d28fc8>/*bottom*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>20</span> <span class="token comment" data-v-63d28fc8>/*left*/</span><span class="token punctuation" data-v-63d28fc8>]</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>//{{#if_v '0.6.0'}} textOverflow</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"longText"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"textOverflow"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textOverflow<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ellipsis"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//{{/if_v }}</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>80</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>24</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ longText<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ longText<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ longText<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="advanced-column-style"><a href="#advanced-column-style" class="header-anchor">#</a> Advanced Column Style</h2> <p><code>style</code> property can be used by the advanced ways below.</p> <ul><li>change style by each record</li></ul> <p>This can be done by functions below.</p> <ul><li>use the function</li> <li>use the instance of Style class</li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>change background color of text<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3theme<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>default<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>red<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>red<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>#DFF<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>#DFF<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> textFieldStyle <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>style<span class="token punctuation" data-v-63d28fc8>.</span>Style</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"number"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//function</span>
+ <span class="token function" data-v-63d28fc8>style</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8><=</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"red"</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>undefined</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//Style instance</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> textFieldStyle<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>0</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> themeSelect <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3theme"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>//change bg color</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ textFieldStyle<span class="token punctuation" data-v-63d28fc8>.</span>bgColor <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ textFieldStyle<span class="token punctuation" data-v-63d28fc8>.</span>bgColor <span class="token operator" data-v-63d28fc8>=</span> themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="header-style"><a href="#header-style" class="header-anchor">#</a> Header Style</h2> <p>Define column header style by using <code>headerStyle</code> property.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample4 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample4"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// default</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// color</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"color"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// textAlign</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"center"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textAlign<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"center"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// textBaseline</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// bgColor</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bgColor"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> bgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#5f5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// font</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"font"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> font<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"9px sans-serif"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// textOverflow</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"textOverflow clip"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textOverflow<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"clip"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"textOverflow ellipsis"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerStyle<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ textOverflow<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ellipsis"</span> <span class="token comment" data-v-63d28fc8>/*In the header this is the default*/</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_styles/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/" class="prev">
+ Define Column Types
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_styles/indicators.html">
+ Indicators
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/29.57bf8bfc.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_styles/indicators.html b/documents/api/js/column_styles/indicators.html
new file mode 100644
index 000000000..e14d45543
--- /dev/null
+++ b/documents/api/js/column_styles/indicators.html
@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Indicators | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Styles</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_styles/" aria-current="page" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/indicators.html" aria-current="page" class="active sidebar-link">Indicators</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_styles/indicators.html#usage" class="sidebar-link">Usage</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_styles/indicators.html#indicator-styles" class="sidebar-link">Indicator Styles</a></li></ul></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="indicators"><a href="#indicators" class="header-anchor">#</a> Indicators</h1> <p>You can use the style property to display the indicators.<br>
+Currently the only indicator style supported is <code>"triangle"</code>.</p> <h2 id="usage"><a href="#usage" class="header-anchor">#</a> Usage</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample-basic demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample-basic"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"No"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorTopLeft<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorTopRight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <p>It supports <code>indicatorTopLeft</code>, <code>indicatorTopRight</code>, <code>indicatorBottomRight</code>, and <code>indicatorBottomLeft</code></p> <p>You can also control the display of indicators per record using functions.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample-function demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample-function"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"No"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>style</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorTopLeft<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorTopRight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorBottomRight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorBottomLeft<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>undefined</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="indicator-styles"><a href="#indicator-styles" class="header-anchor">#</a> Indicator Styles</h2> <p>We recommend using <a href="/cheetah-grid/documents/api/js/theme.html">themes</a> to control the style of the indicator.
+You can control the size and color of the indicators by setting the theme's <code>indicators.topLeftColor</code>, <code>indicators.topLeftSize</code>, <code>indicators.topRightColor</code>, <code>indicators.topRightSize</code>, <code>indicators.bottomRightColor</code>, <code>indicators.bottomRightSize</code> , <code>indicators.bottomLeftColor</code>, and <code>indicators.bottomLeftSize</code> properties.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample-theme demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample-theme"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"No"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>style</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorTopLeft<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorTopRight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorBottomRight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span> indicatorBottomLeft<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>undefined</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>theme <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ indicators<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ topLeftColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"blue"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ topLeftSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ topRightColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ topRightSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomRightColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"green"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomRightSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomLeftColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"black"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomLeftSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <p>You can also specify the indicator in object form if you want to change its style individually.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample-style demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample-style"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"No"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>style</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>no <span class="token operator" data-v-63d28fc8>===</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ indicatorTopLeft<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"triangle"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ size<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>15</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>undefined</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"data"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_styles/indicators.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_styles/" class="prev router-link-active">
+ Define Column Styles
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_actions/">
+ Define Column Actions
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/30.da07b6b8.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/BranchGraphColumn.html b/documents/api/js/column_types/BranchGraphColumn.html
new file mode 100644
index 000000000..897c1e503
--- /dev/null
+++ b/documents/api/js/column_types/BranchGraphColumn.html
@@ -0,0 +1,229 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>BranchGraphColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/31.db577bdf.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" aria-current="page" class="active sidebar-link">BranchGraphColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html#constructor-properties" class="sidebar-link">Constructor Properties</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="branchgraphcolumn"><a href="#branchgraphcolumn" class="header-anchor">#</a> BranchGraphColumn</h1> <p>Show branch graph.</p> <h2 id="constructor-properties"><a href="#constructor-properties" class="header-anchor">#</a> Constructor Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>start</code></td> <td>Set the moving direction by setting the beggining point. <code>'top'</code> or <code>'bottom'</code></td> <td><code>'bottom'</code></td></tr> <tr><td><code>cache</code></td> <td>Set <code>true</code> when caching the calculation result of the branch structure. Please call <code>clearCache(grid)</code> when deleting the cahced data.</td> <td><code>false</code></td></tr></tbody></table> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>branchColors</code></td> <td>Set the function which returns the color of branch you want to use. arguments: (branch name, <code>index</code>)</td> <td>the function which returns following colors in turn. <code>'#979797'</code>,<code>'#008fb5'</code>,<code>'#f1c109'</code></td></tr> <tr><td><code>margin</code></td> <td>Set the margin of side.</td> <td><code>4</code></td></tr> <tr><td><code>circleSize</code></td> <td>Set the size of point which express <code>commit</code>.</td> <td><code>16</code></td></tr> <tr><td><code>branchLineWidth</code></td> <td>Set the width of branch lines.</td> <td><code>4</code></td></tr> <tr><td><code>mergeStyle</code></td> <td>Set the way to express the merge line. <code>'bezier'</code> or <code>'straight'</code></td> <td><code>'bezier'</code></td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>field</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> rec<span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BranchGraph"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>BranchGraphColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ start<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"top"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// Specify the start and indicate the direction to proceed. 'top' or 'bottom'. default 'bottom'</span>
+ cache<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// cache enable. default false</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>field</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>,</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"command"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// new branch 'mastar'</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// and commit 'mastar' branch</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// commit 'mastar' branch</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// new branch 'develop'. from 'mastar'</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// commit 'develop' branch</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token comment" data-v-63d28fc8>// merge 'develop' branch into 'master' branch</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"merge"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// and tag with v.0.0.1</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"tag"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ tag<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"v1.0.0"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// not doing</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//-------------------------</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop3"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop3"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"merge"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop4"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop4"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop5"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop5"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"tag"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ tag<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"v1.1.0"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mastar"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop4"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop3"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>86</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>87</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>88</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>89</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>90</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>91</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>92</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>93</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>94</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>95</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>96</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>97</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>98</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>99</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>100</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>101</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>102</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>103</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>104</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>105</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>106</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>107</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>108</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>109</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>110</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>111</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>112</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>113</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>114</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>115</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>116</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>117</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>118</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>119</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>120</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>121</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>122</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>123</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>124</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>125</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>126</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>127</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>128</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>129</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>130</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>131</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>132</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>133</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>134</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>135</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>136</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>137</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>138</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>139</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>140</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>141</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>142</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>143</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>144</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>145</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>146</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>147</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>148</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>149</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>150</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>151</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>152</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>153</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>154</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>155</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>156</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>157</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>158</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>159</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>160</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>161</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>162</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>163</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>164</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>165</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>166</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>167</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>168</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/BranchGraphColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="prev">
+ MultilineTextColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html">
+ RadioColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/31.db577bdf.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/ButtonColumn.html b/documents/api/js/column_types/ButtonColumn.html
new file mode 100644
index 000000000..c264ffb62
--- /dev/null
+++ b/documents/api/js/column_types/ButtonColumn.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>ButtonColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/32.3c56269e.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" aria-current="page" class="active sidebar-link">ButtonColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html#constructor-properties" class="sidebar-link">Constructor Properties</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="buttoncolumn"><a href="#buttoncolumn" class="header-anchor">#</a> ButtonColumn</h1> <p>Show the button.</p> <h2 id="constructor-properties"><a href="#constructor-properties" class="header-anchor">#</a> Constructor Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>caption</code></td> <td>Define button caption.</td></tr></tbody></table> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>buttonBgColor</code></td> <td>Define background color of button.</td> <td>Resolve by the theme.</td></tr></tbody></table> <p>In addition to this, the Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/column_styles/">Standard Column Style</a></li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Button1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"FIXED LABEL"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Button2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"buttonCaption"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// Get caption of button from record</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/ButtonColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="prev">
+ MenuColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html">
+ ImageColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/32.3c56269e.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/CheckColumn.html b/documents/api/js/column_types/CheckColumn.html
new file mode 100644
index 000000000..8e1e5f76f
--- /dev/null
+++ b/documents/api/js/column_types/CheckColumn.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CheckColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" aria-current="page" class="active sidebar-link">CheckColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="checkcolumn"><a href="#checkcolumn" class="header-anchor">#</a> CheckColumn</h1> <p>Show the checkbox.</p> <p>To make it editable, please use <a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html">CheckEditor</a>.</p> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>checkBgColor</code></td> <td>Define background color of checkbox, when it is checked.</td> <td>Resolve by the theme.</td></tr> <tr><td><code>uncheckBgColor</code></td> <td>Define background color of checkbox, when it is unchecked.</td> <td>Resolve by the theme.</td></tr> <tr><td><code>borderColor</code></td> <td>Define border color of checkbox.</td> <td>Resolve by the theme.</td></tr> <tr><td><code>textAlign</code></td> <td>Define horizontal position of checkbox in cell.</td> <td><code>'center'</code></td></tr> <tr><td><code>textBaseline</code></td> <td>Define vertical position of checkbox in cell.</td> <td>--</td></tr> <tr><td><code>bgColor</code></td> <td>Define background color of cell.</td> <td>Resolve by the theme.</td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"c1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// or `new cheetahGrid.columns.type.CheckColumn()`</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"c2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"style"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ uncheckBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ checkBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"rgb(255, 73, 72)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ borderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/CheckColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="prev">
+ NumberColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html">
+ MenuColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/33.0c16ee24.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/Classes.html b/documents/api/js/column_types/Classes.html
new file mode 100644
index 000000000..a6974fb3c
--- /dev/null
+++ b/documents/api/js/column_types/Classes.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Column Type Classes | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/34.dfb18825.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" aria-current="page" class="active sidebar-link">Column Type Classes</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/Classes.html#namespace-cheetahgrid-columns-type" class="sidebar-link">Namespace cheetahGrid.columns.type</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="column-type-classes"><a href="#column-type-classes" class="header-anchor">#</a> Column Type Classes</h1> <h2 id="namespace-cheetahgrid-columns-type"><a href="#namespace-cheetahgrid-columns-type" class="header-anchor">#</a> Namespace <code>cheetahGrid.columns.type</code></h2> <table><thead><tr><th>Class Name</th> <th>Function</th> <th>Others</th> <th>Related Links</th></tr></thead> <tbody><tr><td><code>Column</code></td> <td>show text</td> <td>same as not specify type</td> <td>---</td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html"><code>NumberColumn</code></a></td> <td>show number with comma-separated</td> <td>same as <code>columnType: 'number'</code></td> <td><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html">NumberColumn</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html"><code>CheckColumn</code></a></td> <td>show checkbox</td> <td>same as <code>columnType: 'check'</code></td> <td>- <a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html">CheckColumn</a><br>- <a href="/cheetah-grid/documents/api/js/column_actions/CheckEditor.html">CheckEditor</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html"><code>MenuColumn</code></a></td> <td>show menu</td> <td>---</td> <td>- <a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html">MenuColumn</a><br>- <a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html">InlineMenuEditor</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html"><code>ButtonColumn</code></a></td> <td>show button</td> <td><code>columnType: 'button'</code> has same the function</td> <td>- <a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html">ButtonColumn</a><br>- <a href="/cheetah-grid/documents/api/js/column_actions/ButtonAction.html">ButtonAction</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html"><code>ImageColumn</code></a></td> <td>show image</td> <td>same as <code>columnType: 'image'</code></td> <td><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html">ImageColumn</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html"><code>PercentCompleteBarColumn</code></a></td> <td>show percent complete bar</td> <td>---</td> <td><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html">PercentCompleteBarColumn</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html"><code>IconColumn</code></a></td> <td>show icon only</td> <td>---</td> <td><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html">IconColumn</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html"><code>MultilineTextColumn</code></a></td> <td>show multiline text</td> <td>same as <code>columnType: 'multilinetext'</code></td> <td><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html">MultilineTextColumn</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html"><code>BranchGraphColumn</code></a></td> <td>show branch graph</td> <td>---</td> <td><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html">BranchGraphColumn</a></td></tr> <tr><td><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html"><code>RadioColumn</code></a></td> <td>show radio button</td> <td>same as <code>columnType: 'radio'</code></td> <td>- <a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html">RadioColumn</a><br>- <a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html">RadioEditor</a></td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/Classes.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/" class="prev router-link-active">
+ Define Column Types
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html">
+ NumberColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/34.dfb18825.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/IconColumn.html b/documents/api/js/column_types/IconColumn.html
new file mode 100644
index 000000000..05fd20449
--- /dev/null
+++ b/documents/api/js/column_types/IconColumn.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>IconColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" aria-current="page" class="active sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="iconcolumn"><a href="#iconcolumn" class="header-anchor">#</a> IconColumn</h1> <p>Show ICON using Web Font.<br>
+Number of ICONs can be set at field.</p> <div class="custom-block tip"><p class="custom-block-title">TIP</p> <p>When showing ICON to ordinal column, please refer to <a href="/cheetah-grid/documents/api/js/column_icon.html">here</a></p></div> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><blockquote data-v-63d28fc8><p data-v-63d28fc8>ICON in sample uses <a href="https://material.io/icons/" target="_blank" rel="noopener noreferrer" data-v-63d28fc8>Material icons<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8><!-- Material Icons: https://material.io/icons/ --></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>link</span>
+ <span class="token attr-name" data-v-63d28fc8>rel</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>stylesheet<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>type</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>text/css<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>href</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>https://fonts.googleapis.com/icon?family=Material+Icons<span class="token punctuation" data-v-63d28fc8>"</span></span>
+<span class="token punctuation" data-v-63d28fc8>/></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8></div></div></blockquote> <div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"icon"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>130</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>IconColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ className<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"material-icons"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ content<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"\uE885"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// https://material.io/icons/#ic_grade</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"gold"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/IconColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="prev">
+ PercentCompleteBarColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html">
+ MultilineTextColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/35.ac1751c7.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/ImageColumn.html b/documents/api/js/column_types/ImageColumn.html
new file mode 100644
index 000000000..1a0ff3306
--- /dev/null
+++ b/documents/api/js/column_types/ImageColumn.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>ImageColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" aria-current="page" class="active sidebar-link">ImageColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html#draw-image" class="sidebar-link">Draw image</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="imagecolumn"><a href="#imagecolumn" class="header-anchor">#</a> ImageColumn</h1> <h2 id="draw-image"><a href="#draw-image" class="header-anchor">#</a> Draw image</h2> <p>Use <code>columnType: 'image'</code> to draw image in the cell.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><blockquote data-v-63d28fc8><p data-v-63d28fc8>note: Images used in samples are on <a href="https://en.wikipedia.org/wiki/Cheetah" target="_blank" rel="noopener noreferrer" data-v-63d28fc8>wikipedia<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.
+Please click the images to check details of those.</p></blockquote> <div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"imageUrl"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"image"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"image"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> imageSizing<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"keep-aspect-ratio"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>// open image detail</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>Action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ window<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>open</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>link<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>"_blank"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"label"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"label"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>24</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token comment" data-v-63d28fc8>//https://en.wikipedia.org/wiki/Cheetah</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ imageUrl<span class="token operator" data-v-63d28fc8>:</span>
+ <span class="token string" data-v-63d28fc8>"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Kooshki_%28Iranian_Cheetah%29_03.jpg/440px-Kooshki_%28Iranian_Cheetah%29_03.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Asiatic cheetah"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ link<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"https://en.wikipedia.org/wiki/File:Kooshki_(Iranian_Cheetah)_03.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ imageUrl<span class="token operator" data-v-63d28fc8>:</span>
+ <span class="token string" data-v-63d28fc8>"https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg/180px-Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"South African cheetah"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ link<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"https://en.wikipedia.org/wiki/File:Cheetah_(Kruger_National_Park,_South_Africa,_2001).jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ imageUrl<span class="token operator" data-v-63d28fc8>:</span>
+ <span class="token string" data-v-63d28fc8>"https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg/180px-Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sudan cheetah"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ link<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"https://en.wikipedia.org/wiki/File:Cheetah_at_Whipsnade_Zoo,_Dunstable.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ imageUrl<span class="token operator" data-v-63d28fc8>:</span>
+ <span class="token string" data-v-63d28fc8>"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/TanzanianCheetah.jpg/180px-TanzanianCheetah.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Tanzanian cheetah"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ link<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"https://en.wikipedia.org/wiki/File:TanzanianCheetah.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ imageUrl<span class="token operator" data-v-63d28fc8>:</span>
+ <span class="token string" data-v-63d28fc8>"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Cheetah_portrait_Whipsnade_Zoo.jpg/220px-Cheetah_portrait_Whipsnade_Zoo.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Cheetah"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ link<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"https://en.wikipedia.org/wiki/File:Cheetah_portrait_Whipsnade_Zoo.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ imageUrl<span class="token operator" data-v-63d28fc8>:</span>
+ <span class="token string" data-v-63d28fc8>"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/King_cheetah.jpg/170px-King_cheetah.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"King cheetah"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ link<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"https://en.wikipedia.org/wiki/File:King_cheetah.jpg"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>configure</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"fadeinWhenCallbackInPromise"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/ImageColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="prev">
+ ButtonColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html">
+ PercentCompleteBarColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/36.1e2577ce.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/MenuColumn.html b/documents/api/js/column_types/MenuColumn.html
new file mode 100644
index 000000000..f6acecbf4
--- /dev/null
+++ b/documents/api/js/column_types/MenuColumn.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>MenuColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" aria-current="page" class="active sidebar-link">MenuColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html#constructor-properties" class="sidebar-link">Constructor Properties</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="menucolumn"><a href="#menucolumn" class="header-anchor">#</a> MenuColumn</h1> <p>Maps from <code>value</code> to <code>label</code> and display it.</p> <p>To make it editable, please use <a href="/cheetah-grid/documents/api/js/column_actions/InlineMenuEditor.html">InlineMenuEditor</a>.</p> <h2 id="constructor-properties"><a href="#constructor-properties" class="header-anchor">#</a> Constructor Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>options</code></td> <td>Define mapping options.</td></tr></tbody></table> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>appearance</code></td> <td>Defines whether to display a dropdown arrow. (you can set <code>'menulist-button'</code> or <code>'none'</code>)</td> <td><code>'menulist-button'</code></td></tr></tbody></table> <p>In addition to this, Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/column_styles/">Standard Column Style</a></li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> options <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Empty"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sel"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"MenuColumn"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>260</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span> options <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sel2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"style"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>260</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span> options <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> appearance<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"none"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> sel<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> sel2<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/MenuColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="prev">
+ CheckColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html">
+ ButtonColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/37.b761e1d3.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/MultilineTextColumn.html b/documents/api/js/column_types/MultilineTextColumn.html
new file mode 100644
index 000000000..1b554ca70
--- /dev/null
+++ b/documents/api/js/column_types/MultilineTextColumn.html
@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>MultilineTextColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/38.2da2d977.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" aria-current="page" class="active sidebar-link">MultilineTextColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html#style-properties" class="sidebar-link">Style Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html#aligns" class="sidebar-link">Aligns</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html#lineheight" class="sidebar-link">lineHeight</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html#autowraptext" class="sidebar-link">autoWrapText</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html#lineclamp" class="sidebar-link">lineClamp</a></li></ul></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="multilinetextcolumn"><a href="#multilinetextcolumn" class="header-anchor">#</a> MultilineTextColumn</h1> <p>Show multiline text.</p> <p>By specifying <code>multilinetext</code> for the <code>columnType</code> property,<br>
+You can display multiple lines of text in a cell.</p> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>lineHeight</code></td> <td>Define the amount of space used for lines</td> <td>--</td></tr> <tr><td><code>autoWrapText</code></td> <td>Define whether to wrap automatically.</td> <td>--</td></tr> <tr><td><code>lineClamp</code></td> <td>Define truncates text at a specific number of lines.</td> <td>--</td></tr></tbody></table> <p>In addition to this, the Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/column_styles/">Standard Column Style</a></li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"calc(100% - 150px)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>40</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ title<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Lorem ipsum"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ description<span class="token operator" data-v-63d28fc8>:</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ title<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ description<span class="token operator" data-v-63d28fc8>:</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>By specifying 'multilinetext' for the 'columnType' property,
+You can display multiple lines of text in a cell.</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ title<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ description<span class="token operator" data-v-63d28fc8>:</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>プロパティ'columnType'に'multilinetext'を指定することで、
+セルに複数行テキストを表示することができます。 </span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h3 id="aligns"><a href="#aligns" class="header-anchor">#</a> Aligns</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//textAlign</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"left"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textAlign<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"left"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"right"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textAlign<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"right"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"center"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textAlign<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"center"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>//textBaseline</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"top"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"top"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"middle"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"middle"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>40</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> vm<span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h3 id="lineheight"><a href="#lineheight" class="header-anchor">#</a> lineHeight</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lineHeight=3em top"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ lineHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3em"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"top"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lineHeight=3em middle"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ lineHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3em"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"middle"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lineHeight=3em bottom"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ lineHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3em"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ textBaseline<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"bottom"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>300</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>40</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> vm<span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h3 id="autowraptext"><a href="#autowraptext" class="header-anchor">#</a> autoWrapText</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample4 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample4"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"autoWrapText=true"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>600</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ autoWrapText<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>40</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> vm<span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h3 id="lineclamp"><a href="#lineclamp" class="header-anchor">#</a> lineClamp</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample5 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample5"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"title"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lineClamp=2 autoWrapText=true"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>600</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ autoWrapText<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lineClamp<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>'lineClamp="auto" autoWrapText=true'</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>600</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ autoWrapText<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lineClamp<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"description"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lineClamp=2 textOverflow=ellipsis"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>600</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"multilinetext"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ lineClamp<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ textOverflow<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ellipsis"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>60</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerRowHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>40</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> vm<span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/MultilineTextColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="prev">
+ IconColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html">
+ BranchGraphColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/38.2da2d977.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/NumberColumn.html b/documents/api/js/column_types/NumberColumn.html
new file mode 100644
index 000000000..eb1ff39d6
--- /dev/null
+++ b/documents/api/js/column_types/NumberColumn.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>NumberColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/39.8873f70f.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" aria-current="page" class="active sidebar-link">NumberColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html#constructor-properties" class="sidebar-link">Constructor Properties</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="numbercolumn"><a href="#numbercolumn" class="header-anchor">#</a> NumberColumn</h1> <p>Show formatted numbers.</p> <p>Format number with the style defined at <code>format</code> property in constructor.<br>
+Please define the instance of <code>Intl.NumberFormat</code> class at <code>format</code> property.</p> <p>If property isn't defined, format number using the instance created by <code>new Intl.NumberFormat()</code> automatically.<br>
+Which means format style completely depends on <code>Intl.NumberFormat</code>.</p> <p>In addition, this column type behave same as <code>columnType: 'number'</code>.</p> <h2 id="constructor-properties"><a href="#constructor-properties" class="header-anchor">#</a> Constructor Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>format</code></td> <td>Define number format.</td></tr></tbody></table> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <p>Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/column_styles/">Standard Column Style</a></li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>NumberColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"columnType: number"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"number"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"JPY"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>NumberColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ format<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>NumberFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"ja-JP"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"currency"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ currency<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"JPY"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"USD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>NumberColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ format<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>NumberFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"currency"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ currency<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"USD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"EUR"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>NumberColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ format<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>NumberFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"de-DE"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"currency"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ currency<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"EUR"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1234567890</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1234567890.12</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1234567890.123</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token operator" data-v-63d28fc8>-</span><span class="token number" data-v-63d28fc8>1234567890.123456</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/NumberColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="prev">
+ Column Type Classes
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html">
+ CheckColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/39.8873f70f.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/PercentCompleteBarColumn.html b/documents/api/js/column_types/PercentCompleteBarColumn.html
new file mode 100644
index 000000000..c29793c9e
--- /dev/null
+++ b/documents/api/js/column_types/PercentCompleteBarColumn.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>PercentCompleteBarColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/40.bd79e063.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" aria-current="page" class="active sidebar-link">PercentCompleteBarColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html#constructor-properties" class="sidebar-link">Constructor Properties</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="percentcompletebarcolumn"><a href="#percentcompletebarcolumn" class="header-anchor">#</a> PercentCompleteBarColumn</h1> <p>Show the percent complete bar.</p> <h2 id="constructor-properties"><a href="#constructor-properties" class="header-anchor">#</a> Constructor Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th></tr></thead> <tbody><tr><td><code>min</code></td> <td>Defines the minimum value of the bar.</td></tr> <tr><td><code>max</code></td> <td>Defines the maximum value of the bar.</td></tr> <tr><td><code>formatter</code></td> <td>Define the value display format.</td></tr></tbody></table> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>barColor</code></td> <td>Define color of bar. you can set a function that returns color from the value.</td> <td>--</td></tr> <tr><td><code>barBgColor</code></td> <td>Define background color of bar.</td> <td>--</td></tr> <tr><td><code>barHeight</code></td> <td>Define height of bar.</td> <td>--</td></tr></tbody></table> <p>In addition to this, the Standard styles is available.</p> <ul><li><a href="/cheetah-grid/documents/api/js/column_styles/">Standard Column Style</a></li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"label"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>PercentCompleteBarColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value(10-20)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>PercentCompleteBarColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ min<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ max<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>20</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"value(format)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>PercentCompleteBarColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ min<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ max<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>20</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function-variable function" data-v-63d28fc8>formatter</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>v</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>v<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>pt</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>PercentCompleteBarColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>formatter</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>s</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ barHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>19</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent3"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>PercentCompleteBarColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ barBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#aaa"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ barColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#444"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"percent4"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>PercentCompleteBarColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>barBgColor</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>per</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>per <span class="token operator" data-v-63d28fc8>></span> <span class="token number" data-v-63d28fc8>50</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"#faa"</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#aaa"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function-variable function" data-v-63d28fc8>barColor</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>per</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>(</span>per <span class="token operator" data-v-63d28fc8>></span> <span class="token number" data-v-63d28fc8>50</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"#f44"</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#444"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> percent<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"100%"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>20</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> percent<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"80%"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>18</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> percent<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"60%"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>16</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> percent<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"40%"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>14</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> percent<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"20%"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>12</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> percent<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"0%"</span><span class="token punctuation" data-v-63d28fc8>,</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/PercentCompleteBarColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="prev">
+ ImageColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html">
+ IconColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/40.bd79e063.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/RadioColumn.html b/documents/api/js/column_types/RadioColumn.html
new file mode 100644
index 000000000..3a8f3ab10
--- /dev/null
+++ b/documents/api/js/column_types/RadioColumn.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>RadioColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/42.4326099e.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" aria-current="page" class="active sidebar-link">RadioColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html#style-properties" class="sidebar-link">Style Properties</a></li></ul></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="radiocolumn"><a href="#radiocolumn" class="header-anchor">#</a> RadioColumn</h1> <p>Show the radio button.</p> <p>To make it editable, please use <a href="/cheetah-grid/documents/api/js/column_actions/RadioEditor.html">RadioEditor</a>.</p> <h2 id="style-properties"><a href="#style-properties" class="header-anchor">#</a> Style Properties</h2> <table><thead><tr><th>Property</th> <th>Description</th> <th>Default</th></tr></thead> <tbody><tr><td><code>checkColor</code></td> <td>Define check mark color of radio button.</td> <td>resolve by the theme.</td></tr> <tr><td><code>checkBgColor</code></td> <td>Define background color of radio button, when it is checked.</td> <td>resolve by the theme.</td></tr> <tr><td><code>uncheckBgColor</code></td> <td>Define background color of radio button, when it is unchecked.</td> <td>resolve by the theme.</td></tr> <tr><td><code>checkBorderColor</code></td> <td>Define border color of radio button, when it is checked.</td> <td>resolve by the theme.</td></tr> <tr><td><code>uncheckBorderColor</code></td> <td>Define border color of radio button, when it is unchecked.</td> <td>resolve by the theme.</td></tr> <tr><td><code>textAlign</code></td> <td>Define horizontal position of radio button in cell.</td> <td><code>'center'</code></td></tr> <tr><td><code>textBaseline</code></td> <td>Define vertical position of radio button in cell.</td> <td>--</td></tr> <tr><td><code>bgColor</code></td> <td>Define background color of cell.</td> <td>resolve by the theme.</td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"c1"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// or `new cheetahGrid.columns.type.RadioColumn()`</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"c2"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"style"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"radio"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ style<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ checkColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"rgb(255, 73, 72)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ checkBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ checkBorderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ uncheckBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#DDF"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ uncheckBorderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"rgb(72, 73, 255)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/RadioColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="prev">
+ BranchGraphColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_styles/">
+ Define Column Styles
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/42.4326099e.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_types/index.html b/documents/api/js/column_types/index.html
new file mode 100644
index 000000000..ba932b3d0
--- /dev/null
+++ b/documents/api/js/column_types/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Column Types | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/41.556f1a23.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Define Column Types</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/column_types/" aria-current="page" class="active sidebar-link">Define Column Types</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/#standard-column-type" class="sidebar-link">Standard Column Type</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/column_types/#advanced-column-type" class="sidebar-link">Advanced Column Type</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_types/Classes.html" class="sidebar-link">Column Type Classes</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html" class="sidebar-link">NumberColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html" class="sidebar-link">CheckColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MenuColumn.html" class="sidebar-link">MenuColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html" class="sidebar-link">ButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html" class="sidebar-link">ImageColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/PercentCompleteBarColumn.html" class="sidebar-link">PercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/IconColumn.html" class="sidebar-link">IconColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html" class="sidebar-link">MultilineTextColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/BranchGraphColumn.html" class="sidebar-link">BranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html" class="sidebar-link">RadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-column-types"><a href="#define-column-types" class="header-anchor">#</a> Define Column Types</h1> <h2 id="standard-column-type"><a href="#standard-column-type" class="header-anchor">#</a> Standard Column Type</h2> <p>Set the column type by using <code>columnType</code>.</p> <table><thead><tr><th>property</th> <th>description</th> <th>LINK</th></tr></thead> <tbody><tr><td>none</td> <td>draw text in the cell</td> <td>---</td></tr> <tr><td><code>'number'</code></td> <td>draw number in the cell with comma-separated</td> <td><a href="/cheetah-grid/documents/api/js/column_types/NumberColumn.html">NumberColumn</a></td></tr> <tr><td><code>'check'</code></td> <td>draw checkbox in the cell</td> <td><a href="/cheetah-grid/documents/api/js/column_types/CheckColumn.html">CheckColumn</a></td></tr> <tr><td><code>'button'</code></td> <td>draw button in the cell</td> <td><a href="/cheetah-grid/documents/api/js/column_types/ButtonColumn.html">ButtonColumn</a></td></tr> <tr><td><code>'image'</code></td> <td>draw image in the cell</td> <td><a href="/cheetah-grid/documents/api/js/column_types/ImageColumn.html">ImageColumn</a></td></tr> <tr><td><code>'multilinetext'</code></td> <td>draw multiline text in the cell</td> <td><a href="/cheetah-grid/documents/api/js/column_types/MultilineTextColumn.html">MultilineTextColumn</a></td></tr> <tr><td><code>'radio'</code></td> <td>draw radio button in the cell</td> <td><a href="/cheetah-grid/documents/api/js/column_types/RadioColumn.html">RadioColumn</a></td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token comment" data-v-63d28fc8>//default</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>150</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>default</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>default</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>default</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sample text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"number"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"number"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>180</span><span class="token punctuation" data-v-63d28fc8>,</span> columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"number"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"show rec"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>12345</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>67890</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1234567890.098</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="advanced-column-type"><a href="#advanced-column-type" class="header-anchor">#</a> Advanced Column Type</h2> <p>You can try kinds of view type by defining <code>columnType</code> property using the instance.</p> <p>Please refer to <a href="/cheetah-grid/documents/api/js/column_types/Classes.html">here</a></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_types/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_width.html" class="prev">
+ Define Column Width
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/Classes.html">
+ Column Type Classes
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/41.556f1a23.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/column_width.html b/documents/api/js/column_width.html
new file mode 100644
index 000000000..b1a413343
--- /dev/null
+++ b/documents/api/js/column_width.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Column Width | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/43.6c747350.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" aria-current="page" class="active sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-column-width"><a href="#define-column-width" class="header-anchor">#</a> Define Column Width</h1> <p>You can set the width of each column by using <code>width</code> property.
+If nothing is set to <code>width</code> property, the value of <code>defaultColWidth</code> (property in <code>grid</code>) is used.</p> <p>You can use <code>%</code>, <code>calc()</code> or <code>auto</code> by setting a string to the <code>width</code> property.</p> <p>You can also set the minimum and maximum widths by setting the <code>minWidth</code> and <code>maxWidth</code> properties.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ maxWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"10%"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"50px"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ maxWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"50%"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span> minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"120px"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span> minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"120px"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"calc(60% - 110px)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"120px"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultColWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/column_width.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/headers_columns.html" class="prev">
+ Define Headers and Columns
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_types/">
+ Define Column Types
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/43.6c747350.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/events.html b/documents/api/js/events.html
new file mode 100644
index 000000000..56a16e7f9
--- /dev/null
+++ b/documents/api/js/events.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Events | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" aria-current="page" class="active sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="events"><a href="#events" class="header-anchor">#</a> Events</h1> <p>You can set an event listener using the <code>listen(type, listener)</code> method.</p> <p>Please get the event type from <a href="https://future-architect.github.io/cheetah-grid/documents/tsdoc/interfaces/listgidevents.html" target="_blank" rel="noopener noreferrer"><code>cheetahGrid.ListGrid.EVENT_TYPE</code><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>textarea</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>log<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>width</span><span class="token punctuation" data-v-63d28fc8>:</span> 100%<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 100px<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Event logs<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>textarea</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>input</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>include-mouse<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>type</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>checkbox<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>Include mousemove,mouseenter,mouseleave in the log<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span>
+<span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> lang <span class="token operator" data-v-63d28fc8>=</span>
+ navigator<span class="token punctuation" data-v-63d28fc8>.</span>language <span class="token operator" data-v-63d28fc8>||</span> navigator<span class="token punctuation" data-v-63d28fc8>.</span>userLanguage <span class="token operator" data-v-63d28fc8>||</span> navigator<span class="token punctuation" data-v-63d28fc8>.</span>browserLanguage<span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>60</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>field</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>toLocaleString</span><span class="token punctuation" data-v-63d28fc8>(</span>lang<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"long"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>500</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token function-variable function" data-v-63d28fc8>log</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>typeName<span class="token punctuation" data-v-63d28fc8>,</span> args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> el <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".log"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ el<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>+=</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>\nEvent: </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>typeName<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8> , args (</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>args
+ <span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>map</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span>stringify<span class="token punctuation" data-v-63d28fc8>)</span>
+ <span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>join</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>", "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>)</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ el<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>=</span> el<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>trim</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ el<span class="token punctuation" data-v-63d28fc8>.</span>scrollTop <span class="token operator" data-v-63d28fc8>=</span> el<span class="token punctuation" data-v-63d28fc8>.</span>scrollHeight<span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token constant" data-v-63d28fc8>CLICK_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>DBLCLICK_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>DBLTAP_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSEDOWN_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSEUP_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>SELECTED_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>KEYDOWN</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSEMOVE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSEENTER_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSELEAVE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSEOVER_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>MOUSEOUT_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>INPUT_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>PASTE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>RESIZE_COLUMN</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>SCROLL</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>EVENT_TYPE</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CLICK_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CLICK_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>DBLCLICK_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>DBLCLICK_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>DBLTAP_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>DBLTAP_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEDOWN_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEDOWN_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEUP_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEUP_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>SELECTED_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>SELECTED_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>KEYDOWN</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>KEYDOWN</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>INPUT_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>INPUT_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>PASTE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>PASTE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>RESIZE_COLUMN</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>RESIZE_COLUMN</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>SCROLL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>SCROLL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEMOVE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token operator" data-v-63d28fc8>!</span>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".include-mouse"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>checked<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEMOVE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEENTER_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token operator" data-v-63d28fc8>!</span>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".include-mouse"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>checked<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSEENTER_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSELEAVE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token operator" data-v-63d28fc8>...</span>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token operator" data-v-63d28fc8>!</span>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".include-mouse"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>checked<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>MOUSELEAVE_CELL</span><span class="token punctuation" data-v-63d28fc8>,</span> args<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>86</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>87</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>88</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>89</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>90</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>91</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>92</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>93</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>94</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <table><thead><tr><th style="text-align:left;">Event Name</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">EVENT_TYPE.CLICK_CELL</td> <td style="text-align:left;">Fires when the cell was clicked.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.DBLCLICK_CELL</td> <td style="text-align:left;">Fires when the cell was double-clicked.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.DBLTAP_CELL</td> <td style="text-align:left;">Fires when the cell was double-taped.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSEDOWN_CELL</td> <td style="text-align:left;">Fires when pointing device button is pressed in a cell.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSEUP_CELL</td> <td style="text-align:left;">Fires when pointing device button is released in a cell.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.SELECTED_CELL</td> <td style="text-align:left;">Fires when the cell selection state has changed.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.KEYDOWN</td> <td style="text-align:left;">Fires key-downed.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSEMOVE_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSEENTER_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSELEAVE_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSEOVER_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MOUSEOUT_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.CONTEXTMENU_CELL</td> <td style="text-align:left;">Fires when the user attempts to open a context menu in the cell.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.INPUT_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.PASTE_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.DELETE_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.EDITABLEINPUT_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.MODIFY_STATUS_EDITABLEINPUT_CELL</td> <td style="text-align:left;">TBA</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.RESIZE_COLUMN</td> <td style="text-align:left;">Fires when the column width has changed.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.SCROLL</td> <td style="text-align:left;">Fires when scrolled.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.FOCUS_GRID</td> <td style="text-align:left;">Fires when grid focus is activated.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.BLUR_GRID</td> <td style="text-align:left;">Fires when grid focus is inactivated.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.BEFORE_CHANGE_VALUE</td> <td style="text-align:left;">Notifies that before the cell value changes.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.CHANGED_VALUE</td> <td style="text-align:left;">Fires when the cell value was changed.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.CHANGED_HEADER_VALUE</td> <td style="text-align:left;">Fires when the header cell value was changed.</td></tr> <tr><td style="text-align:left;">EVENT_TYPE.REJECTED_PASTE_VALUES</td> <td style="text-align:left;">Notifies that the pasted value has been rejected.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/events.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/selection.html" class="prev">
+ Selection Property
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/theme.html">
+ Theme
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/44.6f0ff086.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/grid_data/FilterDataSource.html b/documents/api/js/grid_data/FilterDataSource.html
new file mode 100644
index 000000000..496d5a7f2
--- /dev/null
+++ b/documents/api/js/grid_data/FilterDataSource.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>FilterDataSource | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/45.5be77374.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Grid Data</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/grid_data/" aria-current="page" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html" class="sidebar-link">Using Promises</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/FilterDataSource.html" aria-current="page" class="active sidebar-link">FilterDataSource</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/grid_data/FilterDataSource.html#using-promises" class="sidebar-link">Using Promises</a></li></ul></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="filterdatasource"><a href="#filterdatasource" class="header-anchor">#</a> FilterDataSource</h1> <p>Filtering the data to be displayed using <code>FilterDataSource</code>.<br>
+Generate a <code>FilterDataSource</code> instance by passing <code>DataSource</code> as the constructor argument.<br>
+If you want to generate from array, describe as <code>new cheetahGrid.data.FilterDataSource(cheetahGrid.data.DataSource.ofArray(array))</code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>Filter:<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>input</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1-filter-input<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>/**
+ * @type {DataSource}
+ */</span>
+<span class="token keyword" data-v-63d28fc8>const</span> personsDataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersonsDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> filterDataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>data<span class="token punctuation" data-v-63d28fc8>.</span>FilterDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span>
+ personsDataSource
+<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columns<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>field</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> d <span class="token operator" data-v-63d28fc8>=</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getFullYear</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>/</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getMonth</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token number" data-v-63d28fc8>1</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>/</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getDate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>/* button column */</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW REC"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>dataSource <span class="token operator" data-v-63d28fc8>=</span> filterDataSource<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> input <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1-filter-input"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+input<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>addEventListener</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> filterValue <span class="token operator" data-v-63d28fc8>=</span> input<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>;</span>
+ filterDataSource<span class="token punctuation" data-v-63d28fc8>.</span>filter <span class="token operator" data-v-63d28fc8>=</span> filterValue
+ <span class="token operator" data-v-63d28fc8>?</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// filtering method</span>
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>const</span> k <span class="token keyword" data-v-63d28fc8>in</span> record<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>record<span class="token punctuation" data-v-63d28fc8>[</span>k<span class="token punctuation" data-v-63d28fc8>]</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>indexOf</span><span class="token punctuation" data-v-63d28fc8>(</span>filterValue<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>>=</span> <span class="token number" data-v-63d28fc8>0</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token comment" data-v-63d28fc8>// Please call `invalidate()`</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="using-promises"><a href="#using-promises" class="header-anchor">#</a> Using <code>Promise</code>s</h2> <p>This feature is available even if record data is <code>Promise</code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>Filter:<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>input</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2-filter-input<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> personsDataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>data<span class="token punctuation" data-v-63d28fc8>.</span>CachedDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>get</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Promise</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ console<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>get record:</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>index<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token function" data-v-63d28fc8>setTimeout</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token function" data-v-63d28fc8>generatePerson</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>300</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ length<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columns<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>field</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> d <span class="token operator" data-v-63d28fc8>=</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getFullYear</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>/</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getMonth</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token number" data-v-63d28fc8>1</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>/</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getDate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>/* button column */</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW REC"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> filterDataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>data<span class="token punctuation" data-v-63d28fc8>.</span>FilterDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span>
+ personsDataSource
+<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>dataSource <span class="token operator" data-v-63d28fc8>=</span> filterDataSource<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> input <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2-filter-input"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+input<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>addEventListener</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> filterValue <span class="token operator" data-v-63d28fc8>=</span> input<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>;</span>
+ filterDataSource<span class="token punctuation" data-v-63d28fc8>.</span>filter <span class="token operator" data-v-63d28fc8>=</span> filterValue
+ <span class="token operator" data-v-63d28fc8>?</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// filtering method</span>
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>const</span> k <span class="token keyword" data-v-63d28fc8>in</span> record<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>record<span class="token punctuation" data-v-63d28fc8>[</span>k<span class="token punctuation" data-v-63d28fc8>]</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>indexOf</span><span class="token punctuation" data-v-63d28fc8>(</span>filterValue<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>>=</span> <span class="token number" data-v-63d28fc8>0</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token comment" data-v-63d28fc8>// Please call `invalidate()`</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/grid_data/FilterDataSource.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html" class="prev">
+ Using Promises
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/selection.html">
+ Selection Property
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/45.5be77374.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/grid_data/index.html b/documents/api/js/grid_data/index.html
new file mode 100644
index 000000000..9b776b4e3
--- /dev/null
+++ b/documents/api/js/grid_data/index.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Grid Data | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/46.a930d057.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Grid Data</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/grid_data/" aria-current="page" class="active sidebar-link">Grid Data</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/grid_data/#using-array-object" class="sidebar-link">Using Array object</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/grid_data/#using-cheetahgrid-data-datasource-object" class="sidebar-link">Using cheetahGrid.data.DataSource object</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html" class="sidebar-link">Using Promises</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/FilterDataSource.html" class="sidebar-link">FilterDataSource</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="grid-data"><a href="#grid-data" class="header-anchor">#</a> Grid Data</h1> <p>Can use the <code>Array</code> object or <code>cheetahGrid.data.DataSource</code> object for grid data.</p> <h2 id="using-array-object"><a href="#using-array-object" class="header-anchor">#</a> Using <code>Array</code> object</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token comment" data-v-63d28fc8>// set array records</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sophia"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Hill"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sophia_hill@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Aubrey"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Martin"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"aubrey_martin@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Avery"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Jones"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"avery_jones@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Joseph"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Rodriguez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"joseph_rodriguez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Samuel"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Campbell"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"samuel_campbell@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>6</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Joshua"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ortiz"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"joshua_ortiz@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>7</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Mia"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Foster"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mia_foster@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>8</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Landon"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Lopez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"landon_lopez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>9</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Audrey"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Cox"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"audrey_cox@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Anna"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ramirez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"anna_ramirez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="using-cheetahgrid-data-datasource-object"><a href="#using-cheetahgrid-data-datasource-object" class="header-anchor">#</a> Using <code>cheetahGrid.data.DataSource</code> object</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>// define cache</span>
+<span class="token keyword" data-v-63d28fc8>const</span> array <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token function-variable function" data-v-63d28fc8>getPerson</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>index</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span>
+ array<span class="token punctuation" data-v-63d28fc8>[</span>index<span class="token punctuation" data-v-63d28fc8>]</span> <span class="token operator" data-v-63d28fc8>||</span> <span class="token punctuation" data-v-63d28fc8>(</span>array<span class="token punctuation" data-v-63d28fc8>[</span>index<span class="token punctuation" data-v-63d28fc8>]</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePerson</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>dataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>data<span class="token punctuation" data-v-63d28fc8>.</span>CachedDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// Get record method</span>
+ <span class="token function" data-v-63d28fc8>get</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token function" data-v-63d28fc8>getPerson</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Number of records</span>
+ length<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10000</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <p><code>cheetahGrid.data.DataSource</code> has subclasses
+<code>cheetahGrid.data.CachedDataSource</code> and <a href="/cheetah-grid/documents/api/js/grid_data/FilterDataSource.html"><code>cheetahGrid.data.FilterDataSource</code></a></p> <p><code>CachedDataSource</code> has the ability to cache the return value if the record is a <code>Promise</code> object.
+If you know that the record does not become <code>Promise</code>, you can use <code>DataSource</code>,
+In this case it is recommended to use <code>CachedDataSource</code> as <code>CachedDataSource</code> does not change in behavior.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/grid_data/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/column_actions/" class="prev">
+ Define Column Actions
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html">
+ Using Promises
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/46.a930d057.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/grid_data/using_promises.html b/documents/api/js/grid_data/using_promises.html
new file mode 100644
index 000000000..f30e623c3
--- /dev/null
+++ b/documents/api/js/grid_data/using_promises.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Using Promises | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/47.ab256928.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Grid Data</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/grid_data/" aria-current="page" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html" aria-current="page" class="active sidebar-link">Using Promises</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html#promise-records" class="sidebar-link">Promise Records</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/grid_data/using_promises.html#promise-cells" class="sidebar-link">Promise Cells</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/grid_data/FilterDataSource.html" class="sidebar-link">FilterDataSource</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="using-promises"><a href="#using-promises" class="header-anchor">#</a> Using <code>Promise</code>s</h1> <p>Cheetah Grid supports <code>Promise</code> object.
+We suppose the situations below as a example.</p> <ul><li>Get the record informations as deferred<br>
+Get and show a few records in first view. Remaining records are shown when scrolled.</li> <li>Get the cell informations as deferred<br>
+Get and show the important informations in first view. Remaining details are shown later.</li></ul> <h2 id="promise-records"><a href="#promise-records" class="header-anchor">#</a> <code>Promise</code> Records</h2> <p>Shows usage below.</p> <p>In this example grid shows 1,000 recors as a whole. Getting 100 records by each ajax is supposed.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>textarea</span>
+ <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>rec_sample_log<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>width</span><span class="token punctuation" data-v-63d28fc8>:</span> 100%<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 100px<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span>
+ <span class="token attr-name" data-v-63d28fc8>readonly</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span>
+<span class="token punctuation" data-v-63d28fc8>></span></span>
+ajax logs<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>textarea</span>
+<span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>rec_sample demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8></div></div><p data-v-63d28fc8><code data-v-63d28fc8>getRecordsWithAjax</code> in example code returns <code data-v-63d28fc8>Promise</code> object which get 100 records by ajax.</p> <div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> <span class="token function-variable function" data-v-63d28fc8>getRecordsWithAjax</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>startIndex<span class="token punctuation" data-v-63d28fc8>,</span> num</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span>
+ <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Promise</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>setTimeout</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>let</span> i <span class="token operator" data-v-63d28fc8>=</span> <span class="token number" data-v-63d28fc8>0</span><span class="token punctuation" data-v-63d28fc8>;</span> i <span class="token operator" data-v-63d28fc8><</span> num<span class="token punctuation" data-v-63d28fc8>;</span> i<span class="token operator" data-v-63d28fc8>++</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>push</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token function" data-v-63d28fc8>generatePerson</span><span class="token punctuation" data-v-63d28fc8>(</span>startIndex <span class="token operator" data-v-63d28fc8>+</span> i<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> log <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".rec_sample_log"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>+=</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>\nAcquire </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>num<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8> data from index </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>startIndex<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>.</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>=</span> log<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>trim</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>scrollTop <span class="token operator" data-v-63d28fc8>=</span> log<span class="token punctuation" data-v-63d28fc8>.</span>scrollHeight<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token function" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>(</span>records<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>500</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token comment" data-v-63d28fc8>// create DataSource</span>
+<span class="token keyword" data-v-63d28fc8>const</span> loadedData <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>{</span><span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> dataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>data<span class="token punctuation" data-v-63d28fc8>.</span>CachedDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>get</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> loadStartIndex <span class="token operator" data-v-63d28fc8>=</span> Math<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>floor</span><span class="token punctuation" data-v-63d28fc8>(</span>index <span class="token operator" data-v-63d28fc8>/</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>*</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token operator" data-v-63d28fc8>!</span>loadedData<span class="token punctuation" data-v-63d28fc8>[</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> promiseObject <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>getRecordsWithAjax</span><span class="token punctuation" data-v-63d28fc8>(</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span> <span class="token comment" data-v-63d28fc8>// return Promise Object</span>
+ loadedData<span class="token punctuation" data-v-63d28fc8>[</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span> <span class="token operator" data-v-63d28fc8>=</span> promiseObject<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> loadedData<span class="token punctuation" data-v-63d28fc8>[</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>then</span><span class="token punctuation" data-v-63d28fc8>(</span>
+ <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> data<span class="token punctuation" data-v-63d28fc8>[</span>index <span class="token operator" data-v-63d28fc8>-</span> loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span>
+ <span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ length<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>//all records count</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token comment" data-v-63d28fc8>// create cheetahGrid</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".rec_sample"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>field</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>configure</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"fadeinWhenCallbackInPromise"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token comment" data-v-63d28fc8>// set dataSource</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>dataSource <span class="token operator" data-v-63d28fc8>=</span> dataSource<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="promise-cells"><a href="#promise-cells" class="header-anchor">#</a> <code>Promise</code> Cells</h2> <p>Example below shows Person data. Department informations are shown later by ajax.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>textarea</span>
+ <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>cell_sample_log<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>width</span><span class="token punctuation" data-v-63d28fc8>:</span> 100%<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 100px<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span>
+ <span class="token attr-name" data-v-63d28fc8>readonly</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span>
+<span class="token punctuation" data-v-63d28fc8>></span></span>
+ajax logs<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>textarea</span>
+<span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>cell_sample demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8></div></div><p data-v-63d28fc8><code data-v-63d28fc8>getPersonDeptWithAjax</code> in example code returns <code data-v-63d28fc8>Promise</code> object which get department information by ajax.</p> <div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> depts <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token string" data-v-63d28fc8>"General Affairs"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Personal"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"General Accounting"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Sales"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Sales Promotion"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Procurement"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Development"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Engineering"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Manufacturing"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Procurement"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Export"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Public Relations"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Information & Research"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Legal"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Advertising"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Planning"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"Secretary"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token function-variable function" data-v-63d28fc8>getPersonDeptWithAjax</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>personid</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span>
+ <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Promise</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>setTimeout</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dept <span class="token operator" data-v-63d28fc8>=</span> depts<span class="token punctuation" data-v-63d28fc8>[</span>Math<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>floor</span><span class="token punctuation" data-v-63d28fc8>(</span>Math<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>random</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>*</span> depts<span class="token punctuation" data-v-63d28fc8>.</span>length<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> log <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".cell_sample_log"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>+=</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>\nAcquire department data of personid: </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>personid<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>. => department: </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>dept<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>=</span> log<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>trim</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>scrollTop <span class="token operator" data-v-63d28fc8>=</span> log<span class="token punctuation" data-v-63d28fc8>.</span>scrollHeight<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token function" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>(</span>dept<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>500</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".cell_sample"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>field</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token function" data-v-63d28fc8>getPersonDeptWithAjax</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>personid<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span> <span class="token comment" data-v-63d28fc8>// return Promise Object</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Department"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>configure</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"fadeinWhenCallbackInPromise"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/grid_data/using_promises.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/grid_data/" class="prev router-link-active">
+ Grid Data
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/grid_data/FilterDataSource.html">
+ FilterDataSource
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/47.ab256928.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/headers_columns.html b/documents/api/js/headers_columns.html
new file mode 100644
index 000000000..d34bb800f
--- /dev/null
+++ b/documents/api/js/headers_columns.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Headers and Columns | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" aria-current="page" class="active sidebar-link">Define Headers and Columns</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/headers_columns.html#standard-column" class="sidebar-link">Standard Column</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/headers_columns.html#field-property" class="sidebar-link">field property</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/headers_columns.html#multiple-header" class="sidebar-link">Multiple Header</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-headers-and-columns"><a href="#define-headers-and-columns" class="header-anchor">#</a> Define Headers and Columns</h1> <h2 id="standard-column"><a href="#standard-column" class="header-anchor">#</a> Standard Column</h2> <p>The <code>header</code> property, the property of <code>cheetahGrid.ListGrid</code>, decides the behave and appearance of columns and header cells.<br>
+We can set this property by constructor arguments or instance property.</p> <p>The <code>header</code> property must be set by objects array (<code>Array<object></code>).<br>
+In the standard definition, each object consists of following properties.</p> <table><thead><tr><th>Property</th> <th>Type</th> <th>Description</th> <th>LINK</th></tr></thead> <tbody><tr><td>caption</td> <td><code>string</code></td> <td>define the header caption</td> <td>---</td></tr> <tr><td>field</td> <td><code>string</code> | <code>function</code> | <code>{get:function,set?:function}</code></td> <td>define the field name, getter function, or accessor object of the record to display in the cell</td> <td>---</td></tr> <tr><td>width</td> <td><code>string</code> | <code>number</code></td> <td>define the width of column</td> <td><a href="/cheetah-grid/documents/api/js/column_width.html">link</a></td></tr> <tr><td>minWidth</td> <td><code>string</code> | <code>number</code></td> <td>define the minimum width of column</td> <td><a href="/cheetah-grid/documents/api/js/column_width.html">link</a></td></tr> <tr><td>maxWidth</td> <td><code>string</code> | <code>number</code></td> <td>define the maximum width of column</td> <td><a href="/cheetah-grid/documents/api/js/column_width.html">link</a></td></tr> <tr><td>columnType</td> <td><code>string</code> | <code>object</code></td> <td>define the type of column</td> <td><a href="/cheetah-grid/documents/api/js/column_types/">link</a></td></tr> <tr><td>style</td> <td><code>string</code> | <code>object</code> | <code>function</code></td> <td>define the style of column</td> <td><a href="/cheetah-grid/documents/api/js/column_styles/">link</a></td></tr> <tr><td>action</td> <td><code>string</code> | <code>object</code></td> <td>define the action of column</td> <td><a href="/cheetah-grid/documents/api/js/column_actions/">link</a></td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>/*
+ record object properties
+ {
+ personid: 'ID',
+ fname: 'First Name',
+ lname: 'Last Name',
+ email: 'Email',
+ birthday: 'birthday',
+ }
+ */</span>
+<span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> getBirthday<span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>function</span> <span class="token function" data-v-63d28fc8>getBirthday</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dateTimeFormat <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> dateTimeFormat<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h3 id="field-property"><a href="#field-property" class="header-anchor">#</a> <code>field</code> property</h3> <p><code>field</code> is one of the most basic properties. It provides the data to display from the record to the cell.
+You can choose and define one of the 3 formats.</p> <h4 id="string-format"><a href="#string-format" class="header-anchor">#</a> string format</h4> <p>Define the property name to get the cell data from the record as a string.</p> <p>For example:</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">const</span> grid <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">cheetahGrid<span class="token punctuation">.</span>ListGrid</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+ <span class="token comment">// ...</span>
+ header<span class="token operator">:</span> <span class="token punctuation">[</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">{</span>
+ field<span class="token operator">:</span> <span class="token string">"email"</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">]</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><h4 id="function-format"><a href="#function-format" class="header-anchor">#</a> function format</h4> <p>Define the getter function that get the cell data from the record.</p> <p>For example:</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">const</span> grid <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">cheetahGrid<span class="token punctuation">.</span>ListGrid</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+ <span class="token comment">// ...</span>
+ header<span class="token operator">:</span> <span class="token punctuation">[</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">{</span>
+ <span class="token function-variable function">field</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=></span> record<span class="token punctuation">.</span>email<span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">]</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><h4 id="object-format"><a href="#object-format" class="header-anchor">#</a> object format</h4> <p>Define an object with a getter function that gets the cell data from the record and a setter function that sets the cell data to the record.</p> <p>For example:</p> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">const</span> grid <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">cheetahGrid<span class="token punctuation">.</span>ListGrid</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+ <span class="token comment">// ...</span>
+ header<span class="token operator">:</span> <span class="token punctuation">[</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">{</span>
+ field<span class="token operator">:</span> <span class="token punctuation">{</span>
+ <span class="token function-variable function">get</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=></span> record<span class="token punctuation">.</span>email<span class="token punctuation">,</span>
+ <span class="token function-variable function">set</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">record<span class="token punctuation">,</span> newValue</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>record<span class="token punctuation">.</span>email <span class="token operator">=</span> newValue<span class="token punctuation">)</span><span class="token punctuation">,</span>
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+ <span class="token punctuation">]</span><span class="token punctuation">,</span>
+ <span class="token comment">// ...</span>
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br></div></div><h2 id="multiple-header"><a href="#multiple-header" class="header-anchor">#</a> Multiple Header</h2> <p>To use multiple header, set the hierarchical structured Object to the <code>header</code> property.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>/* multiple header */</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columns<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> getBirthday<span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>function</span> <span class="token function" data-v-63d28fc8>getBirthday</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dateTimeFormat <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> dateTimeFormat<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/headers_columns.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/" class="prev router-link-active">
+ API for JavaScript
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_width.html">
+ Define Column Width
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/48.6f1843d8.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/index.html b/documents/api/js/index.html
new file mode 100644
index 000000000..558626419
--- /dev/null
+++ b/documents/api/js/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>API for JavaScript | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/14.1d303117.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="active sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="api-for-javascript"><a href="#api-for-javascript" class="header-anchor">#</a> API for JavaScript</h1> <ul><li><a href="/cheetah-grid/documents/api/js/headers_columns.html">Headers and Columns</a></li> <li><a href="/cheetah-grid/documents/api/js/grid_data/">Grid Data</a></li> <li><a href="/cheetah-grid/documents/api/js/selection.html">Selection</a></li> <li><a href="/cheetah-grid/documents/api/js/events.html">Events</a></li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/" class="prev router-link-active">
+ API
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/headers_columns.html">
+ Define Headers and Columns
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/14.1d303117.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/options/allowRangePaste.html b/documents/api/js/options/allowRangePaste.html
new file mode 100644
index 000000000..a5a0253fd
--- /dev/null
+++ b/documents/api/js/options/allowRangePaste.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Examples of allowRangePaste | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/50.676259e4.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Options and Properties</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/options/" aria-current="page" class="sidebar-link">Options and Properties</a></li><li><a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html" aria-current="page" class="active sidebar-link">Examples of allowRangePaste</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html#cautionary-notes" class="sidebar-link">Cautionary Notes</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html" class="sidebar-link">keyboardOptions</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="examples-of-allowrangepaste"><a href="#examples-of-allowrangepaste" class="header-anchor">#</a> Examples of <code>allowRangePaste</code></h1> <ul><li>Simple Layout</li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> menuOptions <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Empty"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ allowRangePaste<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// Allow pasting of range.</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"selected"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>80</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>30</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>30</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>30</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"option"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>30</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>InlineMenuEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sophia"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Hill"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sophia_hill@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Aubrey"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Martin"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"aubrey_martin@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Avery"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Jones"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"avery_jones@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Joseph"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Rodriguez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"joseph_rodriguez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Samuel"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Campbell"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"samuel_campbell@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>6</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Joshua"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ortiz"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"joshua_ortiz@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>7</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Mia"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Foster"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mia_foster@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>8</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Landon"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Lopez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"landon_lopez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>9</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Audrey"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Cox"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"audrey_cox@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Anna"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ramirez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"anna_ramirez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>86</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>87</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>88</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>89</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>90</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>91</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>92</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>93</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>94</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>95</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>96</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>97</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>98</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>99</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>100</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>101</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>102</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>103</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>104</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>105</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>106</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>107</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>108</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>109</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>110</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>111</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>112</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>113</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>114</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>115</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>116</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>117</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>118</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>119</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>120</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>121</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>122</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>123</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>124</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>125</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>126</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>127</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>128</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>129</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>130</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>131</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <ul><li>Advanced Layout</li></ul> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> menuOptions <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Empty"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"1"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"2"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"3"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"4"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"5"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"6"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 6"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"7"</span><span class="token punctuation" data-v-63d28fc8>,</span> label<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option 7"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ allowRangePaste<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// Allow pasting of range.</span>
+ layout<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>80</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span> minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>30</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span> minWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>30</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Option"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ body<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"selected"</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> rowSpan<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"input"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"option"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>MenuColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>InlineMenuEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ options<span class="token operator" data-v-63d28fc8>:</span> menuOptions<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Sophia"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Hill"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"sophia_hill@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Aubrey"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Martin"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"aubrey_martin@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Avery"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Jones"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"avery_jones@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Joseph"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Rodriguez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"joseph_rodriguez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Samuel"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Campbell"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"samuel_campbell@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>6</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Joshua"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ortiz"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"joshua_ortiz@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>7</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Mia"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Foster"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"mia_foster@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>8</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Landon"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Lopez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"landon_lopez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>9</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Audrey"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Cox"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"audrey_cox@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ personid<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ fname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Anna"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ lname<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ramirez"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ email<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"anna_ramirez@example.com"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ option<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>81</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>82</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>83</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>84</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>85</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>86</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>87</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>88</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>89</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>90</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>91</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>92</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>93</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>94</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>95</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>96</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>97</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>98</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>99</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>100</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>101</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>102</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>103</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>104</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>105</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>106</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>107</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>108</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>109</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>110</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>111</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>112</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>113</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>114</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>115</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>116</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>117</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>118</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>119</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="cautionary-notes"><a href="#cautionary-notes" class="header-anchor">#</a> Cautionary Notes</h2> <p>Even if you set <code>validator</code> or <code>inputValidator</code> using <a href="/cheetah-grid/documents/api/js/column_actions/SmallDialogInputEditor.html">SmallDialogInputEditor</a>, overwrites the pasted value even if the value is invalid.<br>
+Use <a href="/cheetah-grid/documents/api/js/cell_message.html">Cell Message API</a> to notify the user of an invalid value.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ allowRangePaste<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>// Allow pasting of range.</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"number"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Number"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>SmallDialogInputEditor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>inputValidator</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>value</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> value <span class="token operator" data-v-63d28fc8>&&</span> <span class="token function" data-v-63d28fc8>isNaN</span><span class="token punctuation" data-v-63d28fc8>(</span>value<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"Not a number."</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>message</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>record</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> value <span class="token operator" data-v-63d28fc8>=</span> record<span class="token punctuation" data-v-63d28fc8>.</span>number<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> value <span class="token operator" data-v-63d28fc8>&&</span> <span class="token function" data-v-63d28fc8>isNaN</span><span class="token punctuation" data-v-63d28fc8>(</span>value<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"Not a number."</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Text"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"auto"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> number<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/options/allowRangePaste.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/options/" class="prev router-link-active">
+ Options and Properties
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html">
+ keyboardOptions
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/50.676259e4.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/options/index.html b/documents/api/js/options/index.html
new file mode 100644
index 000000000..b2fd9d712
--- /dev/null
+++ b/documents/api/js/options/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Options and Properties | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/49.c48ade93.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Options and Properties</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/options/" aria-current="page" class="active sidebar-link">Options and Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/#cheetahgrid-listgrid" class="sidebar-link">cheetahGrid.ListGrid</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/#constructor-options" class="sidebar-link">Constructor Options</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/#properties" class="sidebar-link">Properties</a></li></ul></li></ul></li><li><a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html" class="sidebar-link">Examples of allowRangePaste</a></li><li><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html" class="sidebar-link">keyboardOptions</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="options-and-properties"><a href="#options-and-properties" class="header-anchor">#</a> Options and Properties</h1> <h2 id="cheetahgrid-listgrid"><a href="#cheetahgrid-listgrid" class="header-anchor">#</a> <code>cheetahGrid.ListGrid</code></h2> <h3 id="constructor-options"><a href="#constructor-options" class="header-anchor">#</a> Constructor Options</h3> <table><thead><tr><th style="text-align:left;">Property</th> <th style="text-align:left;">Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">header</td> <td style="text-align:left;">HeadersDefine</td> <td style="text-align:left;">Define simple headers and layout. This property cannot be used with the <code>layout</code> property. See <a href="/cheetah-grid/documents/api/js/headers_columns.html">Define Headers and Columns</a>.</td></tr> <tr><td style="text-align:left;">layout</td> <td style="text-align:left;">LayoutDefine</td> <td style="text-align:left;">Define advanced headers and layout. This property cannot be used with the <code>header</code> property. See <a href="/cheetah-grid/documents/api/js/advanced_layout/">Advanced Layout</a>.</td></tr> <tr><td style="text-align:left;">records</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">Records. This property cannot be used with the <code>dataSource</code> property. See <a href="/cheetah-grid/documents/api/js/grid_data/">Grid Data</a>.</td></tr> <tr><td style="text-align:left;">dataSource</td> <td style="text-align:left;">DataSource</td> <td style="text-align:left;">The data source that supplies the records. This property cannot be used with the <code>records</code> property. See <a href="/cheetah-grid/documents/api/js/grid_data/">Grid Data</a>.</td></tr> <tr><td style="text-align:left;">parentElement</td> <td style="text-align:left;">HTMLElement</td> <td style="text-align:left;">Specify the parent element.</td></tr> <tr><td style="text-align:left;">frozenColCount</td> <td style="text-align:left;">number</td> <td style="text-align:left;">Specify the number of columns to be frozen to the left.</td></tr> <tr><td style="text-align:left;">defaultRowHeight</td> <td style="text-align:left;">number</td> <td style="text-align:left;">Specify the default grid rows height.</td></tr> <tr><td style="text-align:left;">defaultColWidth</td> <td style="text-align:left;">number</td> <td style="text-align:left;">Specify the default grid columns width.</td></tr> <tr><td style="text-align:left;">headerRowHeight</td> <td style="text-align:left;">number[] / number</td> <td style="text-align:left;">Specify the header row(s) height.</td></tr> <tr><td style="text-align:left;">theme</td> <td style="text-align:left;">ThemeDefine / string</td> <td style="text-align:left;">Specify the theme. See <a href="/cheetah-grid/documents/api/js/theme.html">Theme</a>.</td></tr> <tr><td style="text-align:left;">font</td> <td style="text-align:left;">string</td> <td style="text-align:left;">Specify the default font.</td></tr> <tr><td style="text-align:left;">underlayBackgroundColor</td> <td style="text-align:left;">string</td> <td style="text-align:left;">Specify the underlay background color.</td></tr> <tr><td style="text-align:left;">allowRangePaste</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Specify <code>true</code> to allow pasting of the range. See <a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html">Examples of allowRangePaste</a>.</td></tr> <tr><td style="text-align:left;">trimOnPaste</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Specify <code>true</code>, trim the pasted text on pasting.</td></tr> <tr><td style="text-align:left;">disableColumnResize</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Specify <code>true</code> to disable column resize.</td></tr> <tr><td style="text-align:left;">keyboardOptions.moveCellOnTab</td> <td style="text-align:left;">boolean / function</td> <td style="text-align:left;">Specify <code>true</code> to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.</td></tr> <tr><td style="text-align:left;">keyboardOptions.moveCellOnEnter</td> <td style="text-align:left;">boolean / function</td> <td style="text-align:left;">Specify <code>true</code> to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.</td></tr> <tr><td style="text-align:left;">keyboardOptions.deleteCellValueOnDel</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Specify <code>true</code> to enable enable deletion of cell values with the Del and BS keys.</td></tr> <tr><td style="text-align:left;">keyboardOptions.selectAllOnCtrlA</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Specify <code>true</code> to enable select all cells by Ctrl + A key.</td></tr></tbody></table> <h3 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h3> <table><thead><tr><th style="text-align:left;">Property</th> <th style="text-align:left;">Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">header</td> <td style="text-align:left;">HeadersDefine</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">layout</td> <td style="text-align:left;">LayoutDefine</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">records</td> <td style="text-align:left;">Array</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">dataSource</td> <td style="text-align:left;">DataSource</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">frozenColCount</td> <td style="text-align:left;">number</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">defaultRowHeight</td> <td style="text-align:left;">number</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">defaultColWidth</td> <td style="text-align:left;">number</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">theme</td> <td style="text-align:left;">ThemeDefine / string</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">font</td> <td style="text-align:left;">string</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">underlayBackgroundColor</td> <td style="text-align:left;">string</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">allowRangePaste</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">trimOnPaste</td> <td style="text-align:left;">boolean</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">keyboardOptions</td> <td style="text-align:left;">object</td> <td style="text-align:left;">Same as the constructor option.</td></tr> <tr><td style="text-align:left;">sortState</td> <td style="text-align:left;">SortState</td> <td style="text-align:left;">Sort state.</td></tr> <tr><td style="text-align:left;">headerValues</td> <td style="text-align:left;">Map</td> <td style="text-align:left;">A map of the values entered in the header.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/options/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/advanced_layout/" class="prev">
+ Advanced Layout
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html">
+ Examples of allowRangePaste
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/49.c48ade93.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/options/keyboardOptions.html b/documents/api/js/options/keyboardOptions.html
new file mode 100644
index 000000000..fee9da2a1
--- /dev/null
+++ b/documents/api/js/options/keyboardOptions.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>keyboardOptions | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/51.a584af06.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Options and Properties</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/js/options/" aria-current="page" class="sidebar-link">Options and Properties</a></li><li><a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html" class="sidebar-link">Examples of allowRangePaste</a></li><li><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html" aria-current="page" class="active sidebar-link">keyboardOptions</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html#focus-and-edit" class="sidebar-link">Focus and Edit</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html#movecellontab" class="sidebar-link">moveCellOnTab</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html#movecellonenter" class="sidebar-link">moveCellOnEnter</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html#deletecellvalueondel" class="sidebar-link">deleteCellValueOnDel</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/options/keyboardOptions.html#selectallonctrla" class="sidebar-link">selectAllOnCtrlA</a></li></ul></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="keyboardoptions"><a href="#keyboardoptions" class="header-anchor">#</a> keyboardOptions</h1> <p>You can set the keyboard operation.</p> <h2 id="focus-and-edit"><a href="#focus-and-edit" class="header-anchor">#</a> Focus and Edit</h2> <p>If not set, the user can operate the cell with the keyboard as follows.</p> <table><thead><tr><th style="text-align:center;">Cell</th> <th style="text-align:center;">Arrow</th> <th style="text-align:center;">Ctrl (or Meta) + Arrow</th> <th style="text-align:center;">Home or End</th> <th style="text-align:center;">Ctrl (or Meta) + Home or End</th> <th style="text-align:center;">Enter</th> <th style="text-align:center;">Tab</th> <th style="text-align:center;">Space</th> <th style="text-align:center;">Backspace</th> <th style="text-align:center;">Delete</th></tr></thead> <tbody><tr><td style="text-align:center;">Normal (can't Edit)</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">Apply input and exit input mode.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Inline Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Inline Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">Apply input and exit input mode.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Check</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Toggle.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">Toggle.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter select mode.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown (Select Mode)</td> <td style="text-align:center;">Change selection.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">Apply selection and exit select mode.</td> <td style="text-align:center;">Change selection.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Button</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Action.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">Action.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr></tbody></table> <h3 id="movecellontab"><a href="#movecellontab" class="header-anchor">#</a> <code>moveCellOnTab</code></h3> <p>Set to <code>true</code> to enable cell movement by <code>Tab</code> key.<br>
+If <code>keyboardOptions.moveCellOnTab</code> is set to <code>true</code>, the user can operate the cell with the keyboard as follows.</p> <table><thead><tr><th style="text-align:center;">Cell</th> <th style="text-align:center;">Arrow</th> <th style="text-align:center;">Ctrl (or Meta) + Arrow</th> <th style="text-align:center;">Home or End</th> <th style="text-align:center;">Ctrl (or Meta) + Home or End</th> <th style="text-align:center;">Enter</th> <th style="text-align:center;">Tab</th> <th style="text-align:center;">Space</th> <th style="text-align:center;">Backspace</th> <th style="text-align:center;">Delete</th></tr></thead> <tbody><tr><td style="text-align:center;">Normal (can't Edit)</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">--</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">Apply input and exit input mode.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Inline Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Inline Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">Apply input and exit input mode.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Check</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Toggle.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">Toggle.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter select mode.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown (Select Mode)</td> <td style="text-align:center;">Change selection.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">Apply selection and exit select mode.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong> And apply selection.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Button</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Action.</td> <td style="text-align:center;"><strong>Move one to next on right.</strong></td> <td style="text-align:center;">Action.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr></tbody></table> <h3 id="movecellonenter"><a href="#movecellonenter" class="header-anchor">#</a> <code>moveCellOnEnter</code></h3> <p>Set to <code>true</code> to enable cell movement by <code>Enter</code> key.<br>
+If <code>keyboardOptions.moveCellOnEnter</code> is set to <code>true</code>, the user can operate the cell with the keyboard as follows.</p> <table><thead><tr><th style="text-align:center;">Cell</th> <th style="text-align:center;">Arrow</th> <th style="text-align:center;">Ctrl (or Meta) + Arrow</th> <th style="text-align:center;">Home or End</th> <th style="text-align:center;">Ctrl (or Meta) + Home or End</th> <th style="text-align:center;">Enter</th> <th style="text-align:center;">Tab</th> <th style="text-align:center;">Space</th> <th style="text-align:center;">Backspace</th> <th style="text-align:center;">Delete</th></tr></thead> <tbody><tr><td style="text-align:center;">Normal (can't Edit)</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;"><strong>Move one to next on down.</strong></td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;"><strong>Move one to next on down.</strong> And apply input.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Inline Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Inline Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;"><strong>Move one to next on down.</strong> And apply input.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Check</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;"><strong>Move one to next on down.</strong></td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Toggle.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter select mode.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown (Select Mode)</td> <td style="text-align:center;">Change selection.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;"><strong>Move one to next on down.</strong> And apply selection.</td> <td style="text-align:center;"><em>Move one to next on right.</em> And apply selection.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Button</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;"><strong>Move one to next on down.</strong></td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Action.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr></tbody></table> <h3 id="deletecellvalueondel"><a href="#deletecellvalueondel" class="header-anchor">#</a> <code>deleteCellValueOnDel</code></h3> <p>Set to <code>true</code> to enable enable deletion of cell values with the <code>Del</code> and <code>BS</code> keys.<br>
+If <code>keyboardOptions.deleteCellValueOnDel</code> is set to <code>true</code>, the user can operate the cell with the keyboard as follows.</p> <table><thead><tr><th style="text-align:center;">Cell</th> <th style="text-align:center;">Arrow</th> <th style="text-align:center;">Ctrl (or Meta) + Arrow</th> <th style="text-align:center;">Home or End</th> <th style="text-align:center;">Ctrl (or Meta) + Home or End</th> <th style="text-align:center;">Enter</th> <th style="text-align:center;">Tab</th> <th style="text-align:center;">Space</th> <th style="text-align:center;">Backspace</th> <th style="text-align:center;">Delete</th></tr></thead> <tbody><tr><td style="text-align:center;">Normal (can't Edit)</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;"><em>Move one to next on down.</em></td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;"><strong>Delete value.</strong></td> <td style="text-align:center;"><strong>Delete value.</strong></td></tr> <tr><td style="text-align:center;">Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;"><em>Move one to next on down.</em> And apply input.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Inline Input</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter input mode.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Enter input mode. And input space.</td> <td style="text-align:center;"><strong>Delete value.</strong></td> <td style="text-align:center;"><strong>Delete value.</strong></td></tr> <tr><td style="text-align:center;">Inline Input (Input Mode)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;"><em>Move one to next on down.</em> And apply input.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td> <td style="text-align:center;">(input native)</td></tr> <tr><td style="text-align:center;">Check</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;"><em>Move one to next on down.</em></td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Toggle.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Dropdown</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;">Enter select mode.</td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">--</td> <td style="text-align:center;"><strong>Delete value</strong>, if the cell value can be empty.</td> <td style="text-align:center;"><strong>Delete value</strong>, if the cell value can be empty.</td></tr> <tr><td style="text-align:center;">Dropdown (Select Mode)</td> <td style="text-align:center;">Change selection.</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;">(native)</td> <td style="text-align:center;"><em>Move one to next on down.</em> And apply selection.</td> <td style="text-align:center;"><em>Move one to next on right.</em> And apply selection.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr> <tr><td style="text-align:center;">Button</td> <td style="text-align:center;">Move one.</td> <td style="text-align:center;">Move to edge.</td> <td style="text-align:center;">Move to side edge.</td> <td style="text-align:center;">Move to upper left or lower right.</td> <td style="text-align:center;"><em>Move one to next on down.</em></td> <td style="text-align:center;"><em>Move one to next on right.</em></td> <td style="text-align:center;">Action.</td> <td style="text-align:center;">--</td> <td style="text-align:center;">--</td></tr></tbody></table> <h3 id="selectallonctrla"><a href="#selectallonctrla" class="header-anchor">#</a> <code>selectAllOnCtrlA</code></h3> <p>Set to <code>true</code> to enable selectt all cells by <code>Ctrl + A</code>.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/options/keyboardOptions.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/options/allowRangePaste.html" class="prev">
+ Examples of allowRangePaste
+ </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/51.a584af06.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/selection.html b/documents/api/js/selection.html
new file mode 100644
index 000000000..13c283631
--- /dev/null
+++ b/documents/api/js/selection.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Selection Property | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/52.aac08140.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" aria-current="page" class="active sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" class="sidebar-link">Theme</a></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="selection-property"><a href="#selection-property" class="header-anchor">#</a> Selection Property</h1> <p>You can get the area selected by the user from the <code>selection</code> property.</p> <table><thead><tr><th>Property</th> <th>Description</th> <th>Exp.</th></tr></thead> <tbody><tr><td><code>selection.select</code></td> <td>You can get the selection start position with Object. The <code>row</code> in the Object is the INDEX line containing the header.</td> <td><code>{"col": 0, "row": 0}</code></td></tr> <tr><td><code>selection.range</code></td> <td>You can get the selection range with Object. The <code>row</code> in the Object is the INDEX line containing the header.</td> <td><code>{"start": {"col": 0, "row": 0}, "end": {"col": 2, "row": 2}}</code></td></tr></tbody></table> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>button</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>button<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>SHOW SELECTION<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>button</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>pre</span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>color</span><span class="token punctuation" data-v-63d28fc8>:</span> #fff</span><span class="token punctuation" data-v-63d28fc8>"</span></span></span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>result<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>pre</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".button"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>addEventListener</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"click"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> select<span class="token punctuation" data-v-63d28fc8>,</span> range <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>selection<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".result"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>
+select:
+---
+</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>select<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>,
+---
+
+range:
+---
+</span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>range<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>" "</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>,
+---</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> lang <span class="token operator" data-v-63d28fc8>=</span>
+ navigator<span class="token punctuation" data-v-63d28fc8>.</span>language <span class="token operator" data-v-63d28fc8>||</span> navigator<span class="token punctuation" data-v-63d28fc8>.</span>userLanguage <span class="token operator" data-v-63d28fc8>||</span> navigator<span class="token punctuation" data-v-63d28fc8>.</span>browserLanguage<span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>field</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>toLocaleString</span><span class="token punctuation" data-v-63d28fc8>(</span>lang<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"long"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>500</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/selection.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/grid_data/" class="prev">
+ Grid Data
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/events.html">
+ Events
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/52.aac08140.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/js/theme.html b/documents/api/js/theme.html
new file mode 100644
index 000000000..b01228e0a
--- /dev/null
+++ b/documents/api/js/theme.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Theme | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link router-link-active">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/js/" aria-current="page" class="sidebar-link">API for JavaScript</a></li><li><a href="/cheetah-grid/documents/api/js/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/js/column_width.html" class="sidebar-link">Define Column Width</a></li><li><a href="/cheetah-grid/documents/api/js/column_types/" class="sidebar-link">Define Column Types</a></li><li><a href="/cheetah-grid/documents/api/js/column_styles/" class="sidebar-link">Define Column Styles</a></li><li><a href="/cheetah-grid/documents/api/js/column_actions/" class="sidebar-link">Define Column Actions</a></li><li><a href="/cheetah-grid/documents/api/js/grid_data/" class="sidebar-link">Grid Data</a></li><li><a href="/cheetah-grid/documents/api/js/selection.html" class="sidebar-link">Selection Property</a></li><li><a href="/cheetah-grid/documents/api/js/events.html" class="sidebar-link">Events</a></li><li><a href="/cheetah-grid/documents/api/js/theme.html" aria-current="page" class="active sidebar-link">Theme</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/theme.html#grid-instance" class="sidebar-link">Grid instance</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/theme.html#global" class="sidebar-link">Global</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/js/theme.html#extend-theme" class="sidebar-link">Extend theme</a></li></ul></li><li><a href="/cheetah-grid/documents/api/js/column_icon.html" class="sidebar-link">Define Column ICON</a></li><li><a href="/cheetah-grid/documents/api/js/cell_message.html" class="sidebar-link">Define Cell Messages</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_header/" class="sidebar-link">Advanced Header</a></li><li><a href="/cheetah-grid/documents/api/js/advanced_layout/" class="sidebar-link">Advanced Layout</a></li><li><a href="/cheetah-grid/documents/api/js/options/" class="sidebar-link">Options and Properties</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="theme"><a href="#theme" class="header-anchor">#</a> Theme</h1> <p>Can set theme to Cheetah Grid.<br>
+Can settings for grid instance or global.</p> <h2 id="grid-instance"><a href="#grid-instance" class="header-anchor">#</a> Grid instance</h2> <p>Set a theme to the <code>theme</code> property of the grid instance.<br>
+Built-in themes are <code>MATERIAL_DESIGN</code> and <code>BASIC</code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>theme<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>theme-select1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>unset<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>MATERIAL_DESIGN<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>MATERIAL_DESIGN<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>BASIC<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>BASIC<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> vm<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>createGrid</span><span class="token punctuation" data-v-63d28fc8>(</span>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> themeSelect <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".theme-select1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>theme <span class="token operator" data-v-63d28fc8>=</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span>choices<span class="token punctuation" data-v-63d28fc8>[</span>themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token comment" data-v-63d28fc8>/* The `theme` property of the grid instance can also be set as a string. */</span>
+ <span class="token comment" data-v-63d28fc8>// grid.theme = themeSelect.value;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>onchange</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="global"><a href="#global" class="header-anchor">#</a> Global</h2> <p>Set a theme to the <code>cheetahGrid.themes.default</code> property.
+(default MATERIAL_DESIGN.)</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>theme<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>theme-select2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>MATERIAL_DESIGN<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>MATERIAL_DESIGN<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>BASIC<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>BASIC<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample2 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8>vm<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>createGrid</span><span class="token punctuation" data-v-63d28fc8>(</span>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> themeSelect <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".theme-select2"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span>default <span class="token operator" data-v-63d28fc8>=</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span>choices<span class="token punctuation" data-v-63d28fc8>[</span>themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token comment" data-v-63d28fc8>// redraw all the grids</span>
+ vm<span class="token punctuation" data-v-63d28fc8>.</span>girdInstances<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>forEach</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>grid</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>onchange</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="extend-theme"><a href="#extend-theme" class="header-anchor">#</a> Extend theme</h2> <p>To extend the theme, do as follows.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample3 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> vm<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>createGrid</span><span class="token punctuation" data-v-63d28fc8>(</span>document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample3"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> userTheme <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenRowsColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ defaultBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenRowsBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#EAA"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ selectionBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDA"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ highlightBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDC"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ underlayBackgroundColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FEE"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// You can also change the theme apply in the state by using callback.</span>
+ <span class="token function" data-v-63d28fc8>frozenRowsBorderColor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ row<span class="token punctuation" data-v-63d28fc8>,</span>
+ grid<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> frozenRowCount <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> args<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>frozenRowCount <span class="token operator" data-v-63d28fc8>-</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>===</span> row<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token string" data-v-63d28fc8>"#F88"</span> <span class="token comment" data-v-63d28fc8>/*top*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>"#F88"</span> <span class="token comment" data-v-63d28fc8>/*right and left*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>"red"</span> <span class="token comment" data-v-63d28fc8>/*bottom*/</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token string" data-v-63d28fc8>"#F88"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>borderColor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>args</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ col<span class="token punctuation" data-v-63d28fc8>,</span>
+ grid<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> colCount <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> args<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>colCount <span class="token operator" data-v-63d28fc8>-</span> <span class="token number" data-v-63d28fc8>1</span> <span class="token operator" data-v-63d28fc8>===</span> col<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token string" data-v-63d28fc8>"red"</span> <span class="token comment" data-v-63d28fc8>/*top*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>"#F88"</span> <span class="token comment" data-v-63d28fc8>/*right*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token string" data-v-63d28fc8>"red"</span> <span class="token comment" data-v-63d28fc8>/*bottom*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span> <span class="token comment" data-v-63d28fc8>/*left*/</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token string" data-v-63d28fc8>"red"</span> <span class="token comment" data-v-63d28fc8>/*top and bottom*/</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token keyword" data-v-63d28fc8>null</span> <span class="token comment" data-v-63d28fc8>/*right and left*/</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ highlightBorderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FD5"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ checkbox<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ uncheckBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ checkBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"rgb(255, 73, 72)"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ borderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ button<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FDD"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#F55"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ font<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"16px sans-serif"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ sortArrowColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#D00"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ messages<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ infoBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"gray"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ errorBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"red"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ warnBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"yellow"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ boxWidth<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>12</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ markHeight<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>15</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ indicators<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ topLeftColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"blue"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ topLeftSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ topRightColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"blue"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ topRightSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomLeftColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"blue"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomLeftSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomRightColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"blue"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bottomRightSize<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>10</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>theme <span class="token operator" data-v-63d28fc8>=</span> userTheme<span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/js/theme.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/js/events.html" class="prev">
+ Events
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/js/column_icon.html">
+ Define Column ICON
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/53.6b347f4f.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/advanced_layout/index.html b/documents/api/vue/advanced_layout/index.html
new file mode 100644
index 000000000..1a73efa18
--- /dev/null
+++ b/documents/api/vue/advanced_layout/index.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Advanced Layout | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/55.da2aee49.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><a href="/cheetah-grid/documents/api/vue/components/" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Advanced Layout</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" aria-current="page" class="active sidebar-link">Advanced Layout</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="advanced-layout"><a href="#advanced-layout" class="header-anchor">#</a> Advanced Layout</h1> <p>You can use the <code>layout-header</code> slot and the <code>layout-body</code> slot to define advanced header and record layouts.</p> <p>For example:</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>template</span> <span class="token attr-name" data-v-63d28fc8>slot</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>layout-header<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- header line1 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Birthday<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- header line2 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>template</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>template</span> <span class="token attr-name" data-v-63d28fc8>slot</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>layout-body<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- line1 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>:field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>getBirthday<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- line2 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>template</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>/*
+ record object properties
+ {
+ personid: 'ID',
+ fname: 'First Name',
+ lname: 'Last Name',
+ email: 'Email',
+ birthday: 'birthday',
+ }
+ */</span>
+<span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>getBirthday</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dateTimeFormat <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> dateTimeFormat<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/advanced_layout/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="prev">
+ Define Headers and Columns
+ </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/55.da2aee49.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGrid.html b/documents/api/vue/components/CGrid.html
new file mode 100644
index 000000000..bf4b9e13b
--- /dev/null
+++ b/documents/api/vue/components/CGrid.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGrid | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/56.9113003f.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" aria-current="page" class="active sidebar-link">CGrid</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#default-slot" class="sidebar-link">default slot</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#layout-header-slot" class="sidebar-link">layout-header slot</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#layout-body-slot" class="sidebar-link">layout-body slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#examples-of-using-properties" class="sidebar-link">Examples of using Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#theme" class="sidebar-link">theme</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#data" class="sidebar-link">Data</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#events" class="sidebar-link">Events</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgrid"><a href="#cgrid" class="header-anchor">#</a> CGrid</h1> <p>Defines the Grid.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- define checkbox --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- multiple header --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- button --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the simple header definition.<br>
+The definition is set to <code>header</code> property described in <a href="/cheetah-grid/documents/api/js/headers_columns.html">Define Headers and Columns</a></p> <h3 id="layout-header-slot"><a href="#layout-header-slot" class="header-anchor">#</a> <code>layout-header</code> slot</h3> <p>Use this slot to set the layout header definition.<br>
+Use this slot in combination with the <code>layout-body</code> slot.<br>
+The definition is set to <code>layout.header</code> property described in <a href="/cheetah-grid/documents/api/js/advanced_layout/">Advanced Layout</a>.</p> <h3 id="layout-body-slot"><a href="#layout-body-slot" class="header-anchor">#</a> <code>layout-body</code> slot</h3> <p>Use this slot to set the layout body definition.<br>
+Use this slot in combination with the <code>layout-header</code> slot.<br>
+The definition is set to <code>layout.body</code> property described in <a href="/cheetah-grid/documents/api/js/advanced_layout/">Advanced Layout</a>.</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">data</td> <td style="text-align:center;"><code>Array</code>|<code>object</code></td> <td style="text-align:left;">Defines a records or data source.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">frozen-col-count</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a frozen col Count</td> <td style="text-align:left;"><code>0</code></td></tr> <tr><td style="text-align:left;">header-row-height</td> <td style="text-align:center;"><code>number</code>|<code>Array</code></td> <td style="text-align:left;">Defines the header row height(s)</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">allow-range-paste</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Allow pasting of range.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">trim-on-paste</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Trim the pasted text on pasting.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">default-row-height</td> <td style="text-align:center;"><code>number</code></td> <td style="text-align:left;">Default grid row height.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">default-col-width</td> <td style="text-align:center;"><code>number</code></td> <td style="text-align:left;">Default grid col width.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>function</code></td> <td style="text-align:left;">Defines a records filter</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">font</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Default font.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">underlay-background-color</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Underlay background color.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">theme</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines the grid theme</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">move-cell-on-tab-key</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Specify <code>true</code> to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">move-cell-on-enter-key</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Specify <code>true</code> to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">delete-cell-value-on-del-key</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Specify <code>true</code> to enable enable deletion of cell values with the Del and BS keys.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">select-all-on-ctrl-a-key</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Specify <code>true</code> to enable select all cells by Ctrl + A key.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">disable-column-resize</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Specify <code>true</code> to disable column resizing</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Defines disabled</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">readonly</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Defines readonly</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">options</td> <td style="text-align:center;"><code>object</code></td> <td style="text-align:left;">Defines a raw options for Cheetah Grid</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="examples-of-using-properties"><a href="#examples-of-using-properties" class="header-anchor">#</a> Examples of using Properties</h2> <h3 id="theme"><a href="#theme" class="header-anchor">#</a> theme</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:theme</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>userTheme<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span> <span class="token comment" data-v-63d28fc8><!-- set theme --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>:width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span> <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>:sort</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>First Name<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>:sort</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Last Name<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span> <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"App"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// you can set the theme name or object.</span>
+ <span class="token comment" data-v-63d28fc8>// userTheme: 'BASIC',</span>
+ userTheme<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#2c3e50"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenRowsColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#2c3e50"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenRowsBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#40b883"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ borderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#35495e"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenRowsBorderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#35495e"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ checkbox<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ checkBgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#35495e"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ borderColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#35495e"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ button<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ color<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#FFF"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ bgColor<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"#2c3e50"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="data"><a href="#data" class="header-anchor">#</a> Data</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th> <th style="text-align:left;">Initial Value</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">headerValues</td> <td style="text-align:left;">Map<any, any></td> <td style="text-align:left;"><code>new Map()</code></td> <td style="text-align:left;">Header values.</td></tr></tbody></table> <h2 id="events"><a href="#events" class="header-anchor">#</a> Events</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">click-cell</td> <td style="text-align:left;">Click on cell.</td></tr> <tr><td style="text-align:left;">dblclick-cell</td> <td style="text-align:left;">Doubleclick on cell.</td></tr> <tr><td style="text-align:left;">selected-cell</td> <td style="text-align:left;">Selected cell.</td></tr> <tr><td style="text-align:left;">paste-cell</td> <td style="text-align:left;">Paste on cell.</td></tr> <tr><td style="text-align:left;">changed-value</td> <td style="text-align:left;">Changed value.</td></tr> <tr><td style="text-align:left;">changed-header-value</td> <td style="text-align:left;">Changed header value.</td></tr></tbody></table> <p>and more...</p> <div class="custom-block tip"><p class="custom-block-title">TIP</p> <p>The events for which the column can be identified emit the same event to each column definition component.<br>
+e.g. <code><c-grid-column></code></p></div> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click-cell</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickCell($event, <span class="token punctuation" data-v-63d28fc8>'</span>ID<span class="token punctuation" data-v-63d28fc8>'</span>)<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click-cell</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickCell($event, <span class="token punctuation" data-v-63d28fc8>'</span>First Name<span class="token punctuation" data-v-63d28fc8>'</span>)<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click-cell</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickCell($event, <span class="token punctuation" data-v-63d28fc8>'</span>Last Name<span class="token punctuation" data-v-63d28fc8>'</span>)<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickCell</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>event<span class="token punctuation" data-v-63d28fc8>,</span> colName</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"Click at "</span> <span class="token operator" data-v-63d28fc8>+</span> colName <span class="token operator" data-v-63d28fc8>+</span> <span class="token string" data-v-63d28fc8>": $event="</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>event<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr> <tr><td style="text-align:left;">updateSize</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Apply the changed size.</td></tr> <tr><td style="text-align:left;">updateScroll</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Apply the changed scroll size.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGrid.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/" class="prev router-link-active">
+ Available Vue Components
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html">
+ CGridBranchGraphColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/56.9113003f.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridBranchGraphColumn.html b/documents/api/vue/components/CGridBranchGraphColumn.html
new file mode 100644
index 000000000..f00a64aa9
--- /dev/null
+++ b/documents/api/vue/components/CGridBranchGraphColumn.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridBranchGraphColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/57.d2704f70.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" aria-current="page" class="active sidebar-link">CGridBranchGraphColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridbranchgraphcolumn"><a href="#cgridbranchgraphcolumn" class="header-anchor">#</a> CGridBranchGraphColumn</h1> <p>Defines branch graph column.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid large<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-branch-graph-column</span>
+ <span class="token attr-name" data-v-63d28fc8>:width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>cache</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>command<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ Graph
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-branch-graph-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"tag"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span><span class="token punctuation" data-v-63d28fc8>,</span> tag<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"v1.1.0"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"merge"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span><span class="token punctuation" data-v-63d28fc8>,</span> to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"merge"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop3"</span><span class="token punctuation" data-v-63d28fc8>,</span> to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span><span class="token punctuation" data-v-63d28fc8>,</span> to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop3"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span><span class="token punctuation" data-v-63d28fc8>,</span> to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop2"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"merge"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span><span class="token punctuation" data-v-63d28fc8>,</span> to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"tag"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span><span class="token punctuation" data-v-63d28fc8>,</span> tag<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"v1.0.0"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span> from<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span><span class="token punctuation" data-v-63d28fc8>,</span> to<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"develop"</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ command<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"branch"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> command<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"commit"</span><span class="token punctuation" data-v-63d28fc8>,</span> branch<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"main"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an action</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">cache</td> <td style="text-align:center;"><code>boolean</code></td> <td style="text-align:left;">Enable cache</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">start</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a start type</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridBranchGraphColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="prev">
+ CGrid
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html">
+ CGridButtonColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/57.d2704f70.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridButtonColumn.html b/documents/api/vue/components/CGridButtonColumn.html
new file mode 100644
index 000000000..d2943ced5
--- /dev/null
+++ b/documents/api/vue/components/CGridButtonColumn.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridButtonColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" aria-current="page" class="active sidebar-link">CGridButtonColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#events" class="sidebar-link">Events</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridbuttoncolumn"><a href="#cgridbuttoncolumn" class="header-anchor">#</a> CGridButtonColumn</h1> <p>Defines button column.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>FIXED LABEL<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Button1
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-button-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>buttonCaption<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Button2
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-button-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON1"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON2"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON3"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON4"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> buttonCaption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"BUTTON5"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a button caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines disabled. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="events"><a href="#events" class="header-anchor">#</a> Events</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">click</td> <td style="text-align:left;">Fired when a click on cell.</td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridButtonColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="prev">
+ CGridBranchGraphColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html">
+ CGridCheckColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/58.0016a6bc.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridCheckColumn.html b/documents/api/vue/components/CGridCheckColumn.html
new file mode 100644
index 000000000..2a19faf3b
--- /dev/null
+++ b/documents/api/vue/components/CGridCheckColumn.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridCheckColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" aria-current="page" class="active sidebar-link">CGridCheckColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridcheckcolumn"><a href="#cgridcheckcolumn" class="header-anchor">#</a> CGridCheckColumn</h1> <p>Defines checkbox column.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>c1<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Check1
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-check-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>c2<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Check2
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-check-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines disabled. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">readonly</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines readonly. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridCheckColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="prev">
+ CGridButtonColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html">
+ CGridColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/59.a7bc6277.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridColumn.html b/documents/api/vue/components/CGridColumn.html
new file mode 100644
index 000000000..2d9dbe608
--- /dev/null
+++ b/documents/api/vue/components/CGridColumn.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" aria-current="page" class="active sidebar-link">CGridColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridcolumn"><a href="#cgridcolumn" class="header-anchor">#</a> CGridColumn</h1> <p>Defines column.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>column-type</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column type</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an action</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="prev">
+ CGridCheckColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html">
+ CGridColumnGroup
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/60.410cf1d2.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridColumnGroup.html b/documents/api/vue/components/CGridColumnGroup.html
new file mode 100644
index 000000000..480c40f16
--- /dev/null
+++ b/documents/api/vue/components/CGridColumnGroup.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridColumnGroup | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" aria-current="page" class="active sidebar-link">CGridColumnGroup</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridcolumngroup"><a href="#cgridcolumngroup" class="header-anchor">#</a> CGridColumnGroup</h1> <p>Defines multiple header.<br>
+Can be used in the <code>default</code> slot of <code>CGrid</code>.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- multiple header --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the children columns definition</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridColumnGroup.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="prev">
+ CGridColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html">
+ CGridHeader
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/61.1699ff8f.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridHeader.html b/documents/api/vue/components/CGridHeader.html
new file mode 100644
index 000000000..f0ed4065a
--- /dev/null
+++ b/documents/api/vue/components/CGridHeader.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridHeader | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" aria-current="page" class="active sidebar-link">CGridHeader</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridheader"><a href="#cgridheader" class="header-anchor">#</a> CGridHeader</h1> <p>Defines layout header.<br>
+Can be used in the <code>layout-header</code> slot of <code>CGrid</code>.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>template</span> <span class="token attr-name" data-v-63d28fc8>slot</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>layout-header<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- header line1 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- header line2 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>template</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>template</span> <span class="token attr-name" data-v-63d28fc8>slot</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>layout-body<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- line1 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- line2 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>template</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridHeader.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="prev">
+ CGridColumnGroup
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html">
+ CGridIconColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/62.1fe9658c.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridIconColumn.html b/documents/api/vue/components/CGridIconColumn.html
new file mode 100644
index 000000000..eabcf687a
--- /dev/null
+++ b/documents/api/vue/components/CGridIconColumn.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridIconColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" aria-current="page" class="active sidebar-link">CGridIconColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridiconcolumn"><a href="#cgridiconcolumn" class="header-anchor">#</a> CGridIconColumn</h1> <p>Defines icon column.</p> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an action</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon-class-name</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon class name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon-content</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon content</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon-name</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon-tag-name</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon tag name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridIconColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="prev">
+ CGridHeader
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html">
+ CGridInputColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/63.6f1746dd.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridInputColumn.html b/documents/api/vue/components/CGridInputColumn.html
new file mode 100644
index 000000000..8ec06bdb8
--- /dev/null
+++ b/documents/api/vue/components/CGridInputColumn.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridInputColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" aria-current="page" class="active sidebar-link">CGridInputColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridinputcolumn"><a href="#cgridinputcolumn" class="header-anchor">#</a> CGridInputColumn</h1> <p>Defines input column.</p> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column type</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines disabled. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">readonly</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines readonly. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">helper-text</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a helper text ganarator</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">input-class-list</td> <td style="text-align:center;"><code>Array</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an input class name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">input-type</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an input type</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">input-validator</td> <td style="text-align:center;"><code>function</code></td> <td style="text-align:left;">Defines an input validator</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">validator</td> <td style="text-align:center;"><code>function</code></td> <td style="text-align:left;">Defines a validator</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridInputColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="prev">
+ CGridIconColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html">
+ CGridLayoutRow
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/64.d2e835d4.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridLayoutRow.html b/documents/api/vue/components/CGridLayoutRow.html
new file mode 100644
index 000000000..715dd4064
--- /dev/null
+++ b/documents/api/vue/components/CGridLayoutRow.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridLayoutRow | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/65.97a9845e.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" aria-current="page" class="active sidebar-link">CGridLayoutRow</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html#default-slot" class="sidebar-link">default slot</a></li></ul></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridlayoutrow"><a href="#cgridlayoutrow" class="header-anchor">#</a> CGridLayoutRow</h1> <p>Defines layout row.<br>
+Can be used in the <code>layout-header</code> slot and the <code>layout-body</code> slot of <code>CGrid</code>.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>template</span> <span class="token attr-name" data-v-63d28fc8>slot</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>layout-header<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- header line1 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- header line2 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-header</span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-header</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>template</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>template</span> <span class="token attr-name" data-v-63d28fc8>slot</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>layout-body<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- line1 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>rowspan</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>2<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- line2 --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-layout-row</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>template</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the row layout definition</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridLayoutRow.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="prev">
+ CGridInputColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html">
+ CGridLinkColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/65.97a9845e.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridLinkColumn.html b/documents/api/vue/components/CGridLinkColumn.html
new file mode 100644
index 000000000..7b7f08ac4
--- /dev/null
+++ b/documents/api/vue/components/CGridLinkColumn.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridLinkColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" aria-current="page" class="active sidebar-link">CGridLinkColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridlinkcolumn"><a href="#cgridlinkcolumn" class="header-anchor">#</a> CGridLinkColumn</h1> <p>Defines link column.</p> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column type</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines disabled. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">href</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a href</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">target</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines an anchor target</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridLinkColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="prev">
+ CGridLayoutRow
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html">
+ CGridMenuColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/66.99a7ab4d.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridMenuColumn.html b/documents/api/vue/components/CGridMenuColumn.html
new file mode 100644
index 000000000..bcaa50077
--- /dev/null
+++ b/documents/api/vue/components/CGridMenuColumn.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridMenuColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" aria-current="page" class="active sidebar-link">CGridMenuColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridmenucolumn"><a href="#cgridmenucolumn" class="header-anchor">#</a> CGridMenuColumn</h1> <p>Defines select menu column.</p> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines disabled. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">readonly</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines readonly. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">display-options</td> <td style="text-align:center;"><code>object</code>|<code>Array</code></td> <td style="text-align:left;">Defines a menu options for display</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">editor-options</td> <td style="text-align:center;"><code>object</code>|<code>Array</code>|<code>function</code></td> <td style="text-align:left;">Defines a menu options for popup</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">options</td> <td style="text-align:center;"><code>object</code>|<code>Array</code></td> <td style="text-align:left;">Defines a menu options</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridMenuColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="prev">
+ CGridLinkColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html">
+ CGridPercentCompleteBarColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/67.8c0a57b8.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridPercentCompleteBarColumn.html b/documents/api/vue/components/CGridPercentCompleteBarColumn.html
new file mode 100644
index 000000000..fb712dc68
--- /dev/null
+++ b/documents/api/vue/components/CGridPercentCompleteBarColumn.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridPercentCompleteBarColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" aria-current="page" class="active sidebar-link">CGridPercentCompleteBarColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridpercentcompletebarcolumn"><a href="#cgridpercentcompletebarcolumn" class="header-anchor">#</a> CGridPercentCompleteBarColumn</h1> <p>Defines percent complete bar column.</p> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an action</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">formatter</td> <td style="text-align:center;"><code>function</code></td> <td style="text-align:left;">Defines a formatter</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a max value</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a min value</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridPercentCompleteBarColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="prev">
+ CGridMenuColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html">
+ CGridRadioColumn
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/68.4561aa8f.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/CGridRadioColumn.html b/documents/api/vue/components/CGridRadioColumn.html
new file mode 100644
index 000000000..6d483f929
--- /dev/null
+++ b/documents/api/vue/components/CGridRadioColumn.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>CGridRadioColumn | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/69.08a52398.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" aria-current="page" class="active sidebar-link">CGridRadioColumn</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html#vue-template-structure" class="sidebar-link">Vue Template Structure</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html#slots" class="sidebar-link">Slots</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html#default-slot" class="sidebar-link">default slot</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html#properties" class="sidebar-link">Properties</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html#optional-properties" class="sidebar-link">Optional Properties</a></li></ul></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html#methods" class="sidebar-link">Methods</a></li></ul></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="cgridradiocolumn"><a href="#cgridradiocolumn" class="header-anchor">#</a> CGridRadioColumn</h1> <p>Defines radio button column.</p> <h2 id="vue-template-structure"><a href="#vue-template-structure" class="header-anchor">#</a> Vue Template Structure</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-radio-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>c1<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Radio1
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-radio-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-radio-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>c2<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Radio2
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-radio-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> c1<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> c2<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="slots"><a href="#slots" class="header-anchor">#</a> Slots</h2> <h3 id="default-slot"><a href="#default-slot" class="header-anchor">#</a> <code>default</code> slot</h3> <p>Use this slot to set the header caption</p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="optional-properties"><a href="#optional-properties" class="header-anchor">#</a> Optional Properties</h3> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:center;">Type</th> <th style="text-align:left;">Description</th> <th style="text-align:left;">Default</th></tr></thead> <tbody><tr><td style="text-align:left;">field</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a default column width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">min-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column min width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">max-width</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines a column max width</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">column-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column style. Same as <a href="/cheetah-grid/documents/api/js/column_styles/">the <code>style</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">caption</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a header caption</td> <td style="text-align:left;"><code>''</code></td></tr> <tr><td style="text-align:left;">disabled</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines disabled. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">readonly</td> <td style="text-align:center;"><code>boolean</code>|<code>function</code></td> <td style="text-align:left;">Defines readonly. You can also control each record by specifying a function.</td> <td style="text-align:left;"><code>false</code></td></tr> <tr><td style="text-align:left;">check-action</td> <td style="text-align:center;"><code>function</code></td> <td style="text-align:left;">Change the check action from the default.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">colspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout colspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">filter</td> <td style="text-align:center;"><code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a vue filter name</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">group</td> <td style="text-align:center;"><code>function</code></td> <td style="text-align:left;">DEPRECATED! Use <code>checkAction</code> instead. Define a function that returns a radio group.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-action</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header action. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_actions.html">the <code>headerAction</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-field</td> <td style="text-align:center;"><code>string</code></td> <td style="text-align:left;">Defines a column header data field</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code></td> <td style="text-align:left;">Defines a header icon</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-style</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header style. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">header-type</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a column header type. Same as <a href="/cheetah-grid/documents/api/js/advanced_header/header_styles.html">the <code>headerStyle</code> property of the JS API</a></td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">icon</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines an icon. Same as <a href="/cheetah-grid/documents/api/js/column_icon.html">the <code>icon</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">message</td> <td style="text-align:center;"><code>object</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a message generation method. Same as <a href="/cheetah-grid/documents/api/js/cell_message.html">the <code>message</code> property of the JS API</a>.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">rowspan</td> <td style="text-align:center;"><code>number</code>|<code>string</code></td> <td style="text-align:left;">Defines the layout rowspan.<br>This property can be used when defining in the <code>layout-header</code> and <code>layout-body</code> slots.</td> <td style="text-align:left;"><code>undefined</code></td></tr> <tr><td style="text-align:left;">sort</td> <td style="text-align:center;"><code>boolean</code>|<code>string</code>|<code>function</code></td> <td style="text-align:left;">Defines a sort. See "<a href="/cheetah-grid/documents/api/js/advanced_header/column_sort.html">Sort by Column</a>" for detail.</td> <td style="text-align:left;"><code>undefined</code></td></tr></tbody></table> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Return Type</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;">invalidate</td> <td style="text-align:left;">---</td> <td style="text-align:left;">Redraws the whole grid.</td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/CGridRadioColumn.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="prev">
+ CGridPercentCompleteBarColumn
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/headers_columns.html">
+ Define Headers and Columns
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/69.08a52398.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/components/index.html b/documents/api/vue/components/index.html
new file mode 100644
index 000000000..75784f394
--- /dev/null
+++ b/documents/api/vue/components/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Available Vue Components | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/70.d39ea089.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Available Vue Components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/cheetah-grid/documents/api/vue/components/" aria-current="page" class="active sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGrid.html" class="sidebar-link">CGrid</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html" class="sidebar-link">CGridBranchGraphColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html" class="sidebar-link">CGridButtonColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html" class="sidebar-link">CGridCheckColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html" class="sidebar-link">CGridColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html" class="sidebar-link">CGridColumnGroup</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html" class="sidebar-link">CGridHeader</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html" class="sidebar-link">CGridIconColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html" class="sidebar-link">CGridInputColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html" class="sidebar-link">CGridLayoutRow</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html" class="sidebar-link">CGridLinkColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html" class="sidebar-link">CGridMenuColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html" class="sidebar-link">CGridPercentCompleteBarColumn</a></li><li><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html" class="sidebar-link">CGridRadioColumn</a></li></ul></section></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="available-vue-components"><a href="#available-vue-components" class="header-anchor">#</a> Available Vue Components</h1> <table><thead><tr><th>Component Name</th> <th>Description</th> <th>LINK</th></tr></thead> <tbody><tr><td><code><c-grid></code></td> <td>Grid.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGrid.html">CGrid</a></td></tr> <tr><td><code><c-grid-column></code></td> <td>Column definition to display in the grid.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridColumn.html">CGridColumn</a></td></tr> <tr><td><code><c-grid-column-group></code></td> <td>Definition of column group when multiple header is displayed.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridColumnGroup.html">CGridColumnGroup</a></td></tr> <tr><td><code><c-grid-button-column></code></td> <td>Button column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridButtonColumn.html">CGridButtonColumn</a></td></tr> <tr><td><code><c-grid-check-column></code></td> <td>Checkbox column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridCheckColumn.html">CGridCheckColumn</a></td></tr> <tr><td><code><c-grid-input-column></code></td> <td>Input column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridInputColumn.html">CGridInputColumn</a></td></tr> <tr><td><code><c-grid-menu-column></code></td> <td>Menu column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridMenuColumn.html">CGridMenuColumn</a></td></tr> <tr><td><code><c-grid-link-column></code></td> <td>Link column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridLinkColumn.html">CGridLinkColumn</a></td></tr> <tr><td><code><c-grid-icon-column></code></td> <td>Icon column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridIconColumn.html">CGridIconColumn</a></td></tr> <tr><td><code><c-grid-percent-complete-bar-column></code></td> <td>Percent complete bar column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridPercentCompleteBarColumn.html">CGridPercentCompleteBarColumn</a></td></tr> <tr><td><code><c-grid-radio-column></code></td> <td>Radio button column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridRadioColumn.html">CGridRadioColumn</a></td></tr> <tr><td><code><c-grid-branch-graph-column></code></td> <td>Branch graph column definition.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridBranchGraphColumn.html">CGridBranchGraphColumn</a></td></tr> <tr><td><code><c-grid-layout-row></code></td> <td>Define advanced layout row.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridLayoutRow.html">CGridLayoutRow</a></td></tr> <tr><td><code><c-grid-header></code></td> <td>Define advanced layout header.</td> <td><a href="/cheetah-grid/documents/api/vue/components/CGridHeader.html">CGridHeader</a></td></tr></tbody></table></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/components/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/" class="prev router-link-active">
+ API for Vue.js
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/CGrid.html">
+ CGrid
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/70.d39ea089.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/headers_columns.html b/documents/api/vue/headers_columns.html
new file mode 100644
index 000000000..a8ae99110
--- /dev/null
+++ b/documents/api/vue/headers_columns.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Define Headers and Columns | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="sidebar-link">API for Vue.js</a></li><li><a href="/cheetah-grid/documents/api/vue/components/" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" aria-current="page" class="active sidebar-link">Define Headers and Columns</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/headers_columns.html#standard-column" class="sidebar-link">Standard Column</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/headers_columns.html#multiple-header" class="sidebar-link">Multiple Header</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="define-headers-and-columns"><a href="#define-headers-and-columns" class="header-anchor">#</a> Define Headers and Columns</h1> <h2 id="standard-column"><a href="#standard-column" class="header-anchor">#</a> Standard Column</h2> <p>You can define the behavior and appearance of columns and headers cells by defining <code><c-grid-column></code> in <code>slot</code> of <code><c-grid></code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span> <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>:field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>getBirthday<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ Birthday
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>/*
+ record object properties
+ {
+ personid: 'ID',
+ fname: 'First Name',
+ lname: 'Last Name',
+ email: 'Email',
+ birthday: 'birthday',
+ }
+ */</span>
+<span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>getBirthday</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dateTimeFormat <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> dateTimeFormat<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="multiple-header"><a href="#multiple-header" class="header-anchor">#</a> Multiple Header</h2> <p>To use multiple header, define <code><c-grid-column-group></code>.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span> <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- multiple header --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span> <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>:field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>getBirthday<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ Birthday
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>getBirthday</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> dateTimeFormat <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"en-US"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ year<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ month<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ day<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"numeric"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> dateTimeFormat<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/headers_columns.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/vue/components/" class="prev">
+ Available Vue Components
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/advanced_layout/">
+ Advanced Layout
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/71.afd1b46c.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/api/vue/index.html b/documents/api/vue/index.html
new file mode 100644
index 000000000..f97f5d5b6
--- /dev/null
+++ b/documents/api/vue/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>API for Vue.js | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/54.397b1599.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/api/" aria-current="page" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/api/vue/" aria-current="page" class="active sidebar-link">API for Vue.js</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/#available-vue-components" class="sidebar-link">Available Vue Components</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/api/vue/#template" class="sidebar-link">Template</a></li></ul></li><li><a href="/cheetah-grid/documents/api/vue/components/" class="sidebar-link">Available Vue Components</a></li><li><a href="/cheetah-grid/documents/api/vue/headers_columns.html" class="sidebar-link">Define Headers and Columns</a></li><li><a href="/cheetah-grid/documents/api/vue/advanced_layout/" class="sidebar-link">Advanced Layout</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="api-for-vue-js"><a href="#api-for-vue-js" class="header-anchor">#</a> API for Vue.js</h1> <h2 id="available-vue-components"><a href="#available-vue-components" class="header-anchor">#</a> Available Vue Components</h2> <p>Please refer <a href="/cheetah-grid/documents/api/vue/components/">Available Vue Components</a></p> <h2 id="template"><a href="#template" class="header-anchor">#</a> Template</h2> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- define checkbox --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- multiple header --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- button --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/api/vue/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/api/" class="prev router-link-active">
+ API
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/api/vue/components/">
+ Available Vue Components
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/54.397b1599.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/assets/css/0.styles.329e4ed0.css b/documents/assets/css/0.styles.329e4ed0.css
new file mode 100644
index 000000000..decaf3aae
--- /dev/null
+++ b/documents/assets/css/0.styles.329e4ed0.css
@@ -0,0 +1 @@
+code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#f93}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;color:#f93;text-decoration:none}p a code{font-weight:400;color:#f93}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.page-edit,.page-nav,.theme-default-content:not(.custom){width:88%;max-width:1280px}.theme-container .sidebar>.sidebar-links>li:not(:first-child){margin-top:.15rem}.theme-container .sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.4;font-weight:500}.demo-grid{width:100%;height:300px;box-sizing:border-box;border:1px solid #ddd;flex-glow:1}.demo-grid.large{height:500px}.demo-grid.middle{height:300px}.demo-grid.small{height:240px}.theme-default-content .cheetah-grid__tooltip-element__content{padding:0;margin:0}#nprogress{pointer-events:none}#nprogress .bar{background:#f93;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #f93,0 0 5px #f93;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#f93 transparent transparent #f93;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#f93;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #ff8a14}.home .hero .action-button:hover{background-color:#ffa347}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/cheetah-grid/documents/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#f93}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#f93}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#f93}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#f93}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #f93;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#f93}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #ffa143}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#f93;border-left-color:#f93}.sidebar-heading.clickable:hover{color:#f93}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#f93}a.sidebar-link.active{font-weight:600;color:#f93;border-left-color:#f93}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.code-preview[data-v-1eea9062] .al-right,.code-preview[data-v-d81b43c4] .al-right input{text-align:right}.code-preview[data-v-c3e9fdf4] .fa{width:16px}.user-preview[data-v-544081ab]{margin:.85rem 0}.code-preview[data-v-63d28fc8]{display:flex;justify-content:space-evenly;align-items:stretch;position:relative}.code-preview>.code[data-v-63d28fc8]{width:50%;padding-right:4px;margin-right:auto}.code-preview>.preview[data-v-63d28fc8]{width:50%;padding-left:4px;margin-left:auto}.tools[data-v-63d28fc8]{position:absolute;top:0;right:0;opacity:.3;z-index:1}.tools>button[data-v-63d28fc8]{cursor:pointer;-webkit-appearance:none;background-color:#fff;outline:none}.tools[data-v-63d28fc8]:hover{opacity:.8}.code-preview--hidden-code>.code[data-v-63d28fc8]{display:none}.code-preview--hidden-code>.preview[data-v-63d28fc8],.code-preview--hidden-preview>.code[data-v-63d28fc8]{width:100%;padding:0}.code-preview--hidden-preview>.preview[data-v-63d28fc8]{display:none}.tool-button__code[data-v-63d28fc8],.tool-button__preview[data-v-63d28fc8]{color:#f93;font-size:16px}.code-preview--hidden-code .tool-button__code[data-v-63d28fc8],.code-preview--hidden-preview .tool-button__preview[data-v-63d28fc8]{color:#2c3e50}@media (max-width:1023px){.code-preview[data-v-63d28fc8]{flex-direction:column}.code-preview>.code[data-v-63d28fc8]{width:100%;padding-right:0}.code-preview>.preview[data-v-63d28fc8]{width:100%;padding-left:0}}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px}.theme-code-block[data-v-759a7d02]{display:none}.theme-code-block__active[data-v-759a7d02]{display:block}.theme-code-block>pre[data-v-759a7d02]{background-color:orange}.theme-code-group__nav[data-v-deefee04]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-deefee04]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-deefee04]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-deefee04]{border-bottom:1px solid #42b983}.pre-blank[data-v-deefee04]{color:#42b983}
\ No newline at end of file
diff --git a/documents/assets/img/search.83621669.svg b/documents/assets/img/search.83621669.svg
new file mode 100644
index 000000000..03d83913e
--- /dev/null
+++ b/documents/assets/img/search.83621669.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#aaa" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg>
diff --git a/documents/assets/js/10.63120c1f.js b/documents/assets/js/10.63120c1f.js
new file mode 100644
index 000000000..8bc13bd21
--- /dev/null
+++ b/documents/assets/js/10.63120c1f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{358:function(t,s,a){},391:function(t,s,a){"use strict";a(358)},423:function(t,s,a){"use strict";a.r(s);a(391);var n=a(52),r=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-icon"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-icon"}},[t._v("#")]),t._v(" Define Column ICON")]),t._v(" "),a("p",[t._v("Use "),a("code",[t._v("icon")]),t._v(" property when drawing icons.")]),t._v(" "),a("p",[t._v("You can use 2 types of icons below by setting.")]),t._v(" "),a("ul",[a("li",[t._v("ICON by Web Font")]),t._v(" "),a("li",[t._v("ICON by picture")])]),t._v(" "),a("h2",{attrs:{id:"standard-way-to-specify-web-fonts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-way-to-specify-web-fonts"}},[t._v("#")]),t._v(" Standard way to specify Web Fonts")]),t._v(" "),a("p",[t._v("For standard Web font, you should set "),a("code",[t._v("font")]),t._v(" and "),a("code",[t._v("content")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("blockquote",[a("p",[t._v("ICON in sample uses "),a("a",{attrs:{href:"http://fontawesome.io/icons/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Font Awesome Icons"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- Font Awesome: http://fontawesome.io --\x3e")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("link")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rel")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("stylesheet"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text/css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("href")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br")])])]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"file"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf15b"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"audio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c9"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"other-ways-to-specify-web-font"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#other-ways-to-specify-web-font"}},[t._v("#")]),t._v(" Other ways to specify Web Font")]),t._v(" "),a("p",[t._v("You can use web font by setting "),a("code",[t._v("className")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconClassName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconClassName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#fff"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"file"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"audio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file-audio-o"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file-code-o"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file-image-o"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"how-to-specify-images"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#how-to-specify-images"}},[t._v("#")]),t._v(" How to specify Images")]),t._v(" "),a("p",[t._v("Set "),a("code",[t._v("src")]),t._v(" to show pictures.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"OSS"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"link"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"LINK"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("url"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"_blank"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Vuls: VULnerability Scanner"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"uroboroSQL"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Urushi"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"multiple-icons"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multiple-icons"}},[t._v("#")]),t._v(" Multiple Icons")]),t._v(" "),a("p",[t._v("Give array in order to show multiple icons.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample4 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"files"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf15b"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c9"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"forms"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf046"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf192"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf0fe"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf147"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"charts"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1fe"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf080"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf200"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample5 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"OSS"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"link"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"LINK"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("url"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"_blank"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" vulsIconUrl "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" uroboroSQLIconUrl "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" urushiIconUrl "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Vuls: VULnerability Scanner"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"uroboroSQL"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Urushi"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("urushiIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" urushiIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Awesome OSS"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" urushiIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br")])])])],1)}),[],!1,null,"c3e9fdf4",null);s.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/11.e47cbaf6.js b/documents/assets/js/11.e47cbaf6.js
new file mode 100644
index 000000000..9b0a904f2
--- /dev/null
+++ b/documents/assets/js/11.e47cbaf6.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{398:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(52),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/12.3d860b21.js b/documents/assets/js/12.3d860b21.js
new file mode 100644
index 000000000..c1968e756
--- /dev/null
+++ b/documents/assets/js/12.3d860b21.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{412:function(t,e,r){"use strict";r.r(e);var a=r(52),s=Object(a.a)({},(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"documents"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#documents"}},[t._v("#")]),t._v(" Documents")]),t._v(" "),r("h2",{attrs:{id:"documents-demos"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#documents-demos"}},[t._v("#")]),t._v(" DOCUMENTS & DEMOs")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://future-architect.github.io/cheetah-grid/",target:"_blank",rel:"noopener noreferrer"}},[t._v("DEMO"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/introduction/"}},[t._v("Introduction")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/"}},[t._v("API")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/faq/"}},[t._v("FAQ")])],1)]),t._v(" "),r("h2",{attrs:{id:"tsdoc"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#tsdoc"}},[t._v("#")]),t._v(" TSDOC")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://future-architect.github.io/cheetah-grid/documents/tsdoc/index.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("TSDOC"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);e.default=s.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/13.09b535d9.js b/documents/assets/js/13.09b535d9.js
new file mode 100644
index 000000000..b8c389976
--- /dev/null
+++ b/documents/assets/js/13.09b535d9.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{404:function(t,s,i){"use strict";i.r(s);var a=i(52),r=Object(a.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[this._v("#")]),this._v(" API")]),this._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/api/js/"}},[this._v("API for JavaScript")])],1),this._v(" "),s("li",[s("RouterLink",{attrs:{to:"/api/vue/"}},[this._v("API for Vue.js")])],1)])])}),[],!1,null,null,null);s.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/14.1d303117.js b/documents/assets/js/14.1d303117.js
new file mode 100644
index 000000000..6e0e6427c
--- /dev/null
+++ b/documents/assets/js/14.1d303117.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{405:function(t,a,r){"use strict";r.r(a);var s=r(52),e=Object(s.a)({},(function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"api-for-javascript"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#api-for-javascript"}},[t._v("#")]),t._v(" API for JavaScript")]),t._v(" "),r("ul",[r("li",[r("RouterLink",{attrs:{to:"/api/js/headers_columns.html"}},[t._v("Headers and Columns")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/js/grid_data/"}},[t._v("Grid Data")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/js/selection.html"}},[t._v("Selection")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/js/events.html"}},[t._v("Events")])],1)])])}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/15.70cd490e.js b/documents/assets/js/15.70cd490e.js
new file mode 100644
index 000000000..5a15e3fe2
--- /dev/null
+++ b/documents/assets/js/15.70cd490e.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{406:function(e,t,a){"use strict";a.r(t);var r=a(52),n=Object(r.a)({},(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[a("h1",{attrs:{id:"advanced-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-header"}},[e._v("#")]),e._v(" Advanced Header")]),e._v(" "),a("p",[e._v("You can extend the header.")]),e._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[e._v("Sort by Column")])],1),e._v(" "),a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[e._v("Header Actions")])],1)])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/16.05f7d668.js b/documents/assets/js/16.05f7d668.js
new file mode 100644
index 000000000..67b369ee0
--- /dev/null
+++ b/documents/assets/js/16.05f7d668.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{407:function(s,t,a){"use strict";a.r(t);var n=a(52),r=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"sort-by-column"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#sort-by-column"}},[s._v("#")]),s._v(" Sort by Column")]),s._v(" "),a("p",[s._v("Define sort settings of each column by using "),a("code",[s._v("sort")]),s._v(" property."),a("br"),s._v("\nWhen you set "),a("code",[s._v("true")]),s._v(" value, the records are sorted by builtin logic in Cheetah Grid."),a("br"),s._v("\nWhen you set "),a("code",[s._v("string")]),s._v(" value, the records are sorted by builtin logic in Cheetah Grid, using the specified field."),a("br"),s._v("\nPlease define function if you want to sort by your own logic.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define custom sort logic")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("order"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" compare "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v("\n order "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"desc"')]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("compare")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sorted:"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// use default sort logic")]),s._v("\n sort"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[s._v("#")]),s._v(" Style Properties")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[a("code",[s._v("sortArrowColor")])]),s._v(" "),a("td",[s._v("Defines the color of the sort icon.")]),s._v(" "),a("td",[s._v("--")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("multiline")])]),s._v(" "),a("td",[s._v("If "),a("code",[s._v("true")]),s._v(", accept multiline text caption.")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("lineHeight")])]),s._v(" "),a("td",[s._v("Define the amount of space used for lines.")]),s._v(" "),a("td",[s._v("--")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("autoWrapText")])]),s._v(" "),a("td",[s._v("Define whether to wrap automatically.")]),s._v(" "),a("td",[s._v("--")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("lineClamp")])]),s._v(" "),a("td",[s._v("Define truncates text at a specific number of lines.")]),s._v(" "),a("td",[s._v("--")])])])]),s._v(" "),a("p",[s._v("In addition to this, the Standard styles is available.")]),s._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[s._v("Standard Header Style")])],1)]),s._v(" "),a("h3",{attrs:{id:"color-of-sort-arrow"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#color-of-sort-arrow"}},[s._v("#")]),s._v(" Color of sort arrow")]),s._v(" "),a("p",[s._v("In order to change the color of the sort arrow you implement as follows.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("order"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" compare "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v("\n order "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"desc"')]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("compare")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define color of sort arrow")]),s._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" sortArrowColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"red"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n sort"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define color of sort arrow")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("headerStyle")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" sortArrowColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"blue"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"reset"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[s._v("#")]),s._v(" Reset")]),s._v(" "),a("p",[s._v("If you set "),a("code",[s._v("sortState")]),s._v(" property to "),a("code",[s._v("null")]),s._v(", the sort state is initialized."),a("br"),s._v("\n(only the arrow icon of the header is initialized.)")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample3 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("button")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample3-reset"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("Reset"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("order"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" compare "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v("\n order "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"desc"')]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("compare")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n sort"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" button "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample3-reset"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\nbutton"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("onclick")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("sortState "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// does not redraw automatically, please call `invalidate`.")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/17.1ceaa8f2.js b/documents/assets/js/17.1ceaa8f2.js
new file mode 100644
index 000000000..783982174
--- /dev/null
+++ b/documents/assets/js/17.1ceaa8f2.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{408:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-header-actions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-header-actions"}},[t._v("#")]),t._v(" Define Header Actions")]),t._v(" "),a("h2",{attrs:{id:"advanced-header-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-header-action"}},[t._v("#")]),t._v(" Advanced Header Action")]),t._v(" "),a("p",[t._v("Define header action by using "),a("code",[t._v("headerAction")]),t._v(" property."),a("br"),t._v("\nPlease select suitable Action class for "),a("code",[t._v("headerType")]),t._v(" of same header.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("code",[t._v("headerType")])]),t._v(" "),a("th",[t._v("Specified "),a("code",[t._v("headerAction")]),t._v(" by string")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("check")])]),t._v(" "),a("td",[a("code",[t._v("'check'")])]),t._v(" "),a("td",[t._v("Define the behavior when checkbox is clicked.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("sort")])]),t._v(" "),a("td",[a("code",[t._v("'sort'")])]),t._v(" "),a("td",[t._v("Define the behavior on clicked. the default behavior is to sort the data.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerAction"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sort"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sort"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerAction"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sort"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-vue-js"}},[t._v("#")]),t._v(" Using Vue.js")]),t._v(" "),a("p",[t._v("In "),a("code",[t._v("vue-cheetah-grid")]),t._v(", define the "),a("code",[t._v("header-action")]),t._v(", "),a("code",[t._v("header-type")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n no\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-action")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-header-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeHeaderValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-action")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" \n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n sort\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeHeaderValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-header-action-class"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-header-action-class"}},[t._v("#")]),t._v(" Using Header Action Class")]),t._v(" "),a("p",[t._v("By setting the property "),a("code",[t._v("headerAction")]),t._v(" as an Action instance,\nYou can change the properties of the action (disable, etc.) in the when you want.")])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/18.aff995b8.js b/documents/assets/js/18.aff995b8.js
new file mode 100644
index 000000000..5433ce394
--- /dev/null
+++ b/documents/assets/js/18.aff995b8.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{409:function(e,t,r){"use strict";r.r(t);var a=r(52),o=Object(a.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"define-header-styles"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#define-header-styles"}},[e._v("#")]),e._v(" Define Header Styles")]),e._v(" "),r("h2",{attrs:{id:"standard-header-style"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#standard-header-style"}},[e._v("#")]),e._v(" Standard Header Style")]),e._v(" "),r("p",[e._v("Define header style by using "),r("code",[e._v("headerStyle")]),e._v(" property.")]),e._v(" "),r("p",[e._v("Properties below are prepared in standard.")]),e._v(" "),r("table",[r("thead",[r("tr",[r("th",[e._v("Property")]),e._v(" "),r("th",[e._v("Description")])])]),e._v(" "),r("tbody",[r("tr",[r("td",[r("code",[e._v("color")])]),e._v(" "),r("td",[e._v("Define the color of header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("textAlign")])]),e._v(" "),r("td",[e._v("Define the horizontal position of text in header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("textBaseline")])]),e._v(" "),r("td",[e._v("Define the vertical position of text in header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("bgColor")])]),e._v(" "),r("td",[e._v("Define the background color of header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("font")])]),e._v(" "),r("td",[e._v("Define the font of header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("padding")])]),e._v(" "),r("td",[e._v("Define the padding of header cell. If you set 4 values separately, please set the "),r("code",[e._v("Array")]),e._v(".")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("textOverflow")])]),e._v(" "),r("td",[e._v("Define how to display when text overflows the area of a header cell. "),r("code",[e._v("clip")]),e._v(" or "),r("code",[e._v("ellipsis")]),e._v(" is available.")])])])]),e._v(" "),r("h2",{attrs:{id:"style-properties-per-header-type"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#style-properties-per-header-type"}},[e._v("#")]),e._v(" Style Properties Per Header Type")]),e._v(" "),r("h3",{attrs:{id:"simple-text-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#simple-text-header"}},[e._v("#")]),e._v(" Simple Text Header")]),e._v(" "),r("p",[e._v("Additional properties are available for simple text headers:")]),e._v(" "),r("table",[r("thead",[r("tr",[r("th",[e._v("Property")]),e._v(" "),r("th",[e._v("Description")])])]),e._v(" "),r("tbody",[r("tr",[r("td",[r("code",[e._v("multiline")])]),e._v(" "),r("td",[e._v("If "),r("code",[e._v("true")]),e._v(", accept multiline text caption.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("lineHeight")])]),e._v(" "),r("td",[e._v("Define the amount of space used for lines.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("autoWrapText")])]),e._v(" "),r("td",[e._v("Define whether to wrap automatically.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("lineClamp")])]),e._v(" "),r("td",[e._v("Define truncates text at a specific number of lines.")])])])]),e._v(" "),r("h3",{attrs:{id:"checkbox-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-header"}},[e._v("#")]),e._v(" Checkbox Header")]),e._v(" "),r("p",[e._v("Additional properties are available for checkbox headers:")]),e._v(" "),r("table",[r("thead",[r("tr",[r("th",[e._v("Property")]),e._v(" "),r("th",[e._v("Description")])])]),e._v(" "),r("tbody",[r("tr",[r("td",[r("code",[e._v("checkBgColor")])]),e._v(" "),r("td",[e._v("Define background color of checkbox, when it is checked.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("uncheckBgColor")])]),e._v(" "),r("td",[e._v("Define background color of checkbox, when it is unchecked.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("borderColor")])]),e._v(" "),r("td",[e._v("Define border color of checkbox.")])])])]),e._v(" "),r("h3",{attrs:{id:"multiline-text-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#multiline-text-header"}},[e._v("#")]),e._v(" Multiline Text Header")]),e._v(" "),r("p",[e._v("Check out "),r("RouterLink",{attrs:{to:"/api/js/advanced_header/multiline_text_header.html#style-properties"}},[e._v("Define Multiline Text Header")]),e._v(".")],1),e._v(" "),r("h3",{attrs:{id:"sort-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#sort-header"}},[e._v("#")]),e._v(" Sort Header")]),e._v(" "),r("p",[e._v("Check out "),r("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html#style-properties"}},[e._v("Sort by Column")]),e._v(".")],1)])}),[],!1,null,null,null);t.default=o.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/19.3dc37665.js b/documents/assets/js/19.3dc37665.js
new file mode 100644
index 000000000..8c7684534
--- /dev/null
+++ b/documents/assets/js/19.3dc37665.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{410:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-multiline-text-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-multiline-text-header"}},[t._v("#")]),t._v(" Define Multiline Text Header")]),t._v(" "),a("p",[t._v("You can display multiline text in the header by setting the "),a("code",[t._v("headerType")]),t._v(" property to "),a("code",[t._v("'multilinetext'")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"item"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Item\\nName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"amount"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Regular\\nPrice"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" item"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" amount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" item"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" amount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("456")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" item"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" amount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("789")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br")])])]),t._v(" "),a("p",[t._v("Note that simple text headers and headers with sort can also display multiline text using the style property "),a("code",[t._v("multiline: true")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("lineHeight")])]),t._v(" "),a("td",[t._v("Define the amount of space used for lines")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("autoWrapText")])]),t._v(" "),a("td",[t._v("Define whether to wrap automatically.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("lineClamp")])]),t._v(" "),a("td",[t._v("Define truncates text at a specific number of lines.")]),t._v(" "),a("td",[t._v("--")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("Standard Header Style")])],1)])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/2.0e3e922d.js b/documents/assets/js/2.0e3e922d.js
new file mode 100644
index 000000000..9d09fb561
--- /dev/null
+++ b/documents/assets/js/2.0e3e922d.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{329:function(t,e,n){"use strict";n.d(e,"d",(function(){return i})),n.d(e,"a",(function(){return a})),n.d(e,"i",(function(){return s})),n.d(e,"f",(function(){return u})),n.d(e,"g",(function(){return l})),n.d(e,"h",(function(){return c})),n.d(e,"b",(function(){return h})),n.d(e,"e",(function(){return f})),n.d(e,"k",(function(){return p})),n.d(e,"l",(function(){return d})),n.d(e,"c",(function(){return v})),n.d(e,"j",(function(){return m}));n(53),n(82),n(331),n(337),n(191),n(83),n(111),n(112),n(34),n(113),n(182);var i=/#.*$/,r=/\.(md|html)$/,a=/\/$/,s=/^[a-z]+:/i;function o(t){return decodeURI(t).replace(i,"").replace(r,"")}function u(t){return s.test(t)}function l(t){return/^mailto:/.test(t)}function c(t){return/^tel:/.test(t)}function h(t){if(u(t))return t;var e=t.match(i),n=e?e[0]:"",r=o(t);return a.test(r)?t:r+".html"+n}function f(t,e){var n=decodeURIComponent(t.hash),r=function(t){var e=t.match(i);if(e)return e[0]}(e);return(!r||n===r)&&o(t.path)===o(e)}function p(t,e,n){if(u(e))return{type:"external",path:e};n&&(e=function(t,e,n){var i=t.charAt(0);if("/"===i)return t;if("?"===i||"#"===i)return e+t;var r=e.split("/");n&&r[r.length-1]||r.pop();for(var a=t.replace(/^\//,"").split("/"),s=0;s<a.length;s++){var o=a[s];".."===o?r.pop():"."!==o&&r.push(o)}""!==r[0]&&r.unshift("");return r.join("/")}(e,n));for(var i=o(e),r=0;r<t.length;r++)if(o(t[r].regularPath)===i)return Object.assign({},t[r],{type:"page",path:h(t[r].path)});return console.error('[vuepress] No matching page found for sidebar item "'.concat(e,'"')),{}}function d(t,e,n,i){var r=n.pages,a=n.themeConfig,s=i&&a.locales&&a.locales[i]||a;if("auto"===(t.frontmatter.sidebar||s.sidebar||a.sidebar))return g(t);var o=s.sidebar||a.sidebar;if(o){var u=function(t,e){if(Array.isArray(e))return{base:"/",config:e};for(var n in e)if(0===(i=t,/(\.html|\/)$/.test(i)?i:i+"/").indexOf(encodeURI(n)))return{base:n,config:e[n]};var i;return{}}(e,o),l=u.base,c=u.config;return"auto"===c?g(t):c?c.map((function(t){return function t(e,n,i){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;if("string"==typeof e)return p(n,e,i);if(Array.isArray(e))return Object.assign(p(n,e[0],i),{title:e[1]});var a=e.children||[];return 0===a.length&&e.path?Object.assign(p(n,e.path,i),{title:e.title}):{type:"group",path:e.path,title:e.title,sidebarDepth:e.sidebarDepth,initialOpenGroupIndex:e.initialOpenGroupIndex,children:a.map((function(e){return t(e,n,i,r+1)})),collapsable:!1!==e.collapsable}}(t,r,l)})):[]}return[]}function g(t){var e=v(t.headers||[]);return[{type:"group",collapsable:!1,title:t.title,path:null,children:e.map((function(e){return{type:"auto",title:e.title,basePath:t.path,path:t.path+"#"+e.slug,children:e.children||[]}}))}]}function v(t){var e;return(t=t.map((function(t){return Object.assign({},t)}))).forEach((function(t){2===t.level?e=t:e&&(e.children||(e.children=[])).push(t)})),t.filter((function(t){return 2===t.level}))}function m(t){return Object.assign(t,{type:t.items&&t.items.length?"links":"link"})}},331:function(t,e,n){"use strict";var i=n(10),r=n(186),a=n(7),s=n(84),o=n(22),u=n(30),l=n(54),c=n(187),h=n(188);r("match",(function(t,e,n){return[function(e){var n=u(this),r=null==e?void 0:l(e,t);return r?i(r,e,n):new RegExp(e)[t](o(n))},function(t){var i=a(this),r=o(t),u=n(e,i,r);if(u.done)return u.value;if(!i.global)return h(i,r);var l=i.unicode;i.lastIndex=0;for(var f,p=[],d=0;null!==(f=h(i,r));){var g=o(f[0]);p[d]=g,""===g&&(i.lastIndex=c(r,s(i.lastIndex),l)),d++}return 0===d?null:p}]}))},332:function(t,e){t.exports="\t\n\v\f\r \u2028\u2029\ufeff"},337:function(t,e,n){"use strict";var i=n(55),r=n(10),a=n(3),s=n(186),o=n(183),u=n(7),l=n(30),c=n(116),h=n(187),f=n(84),p=n(22),d=n(54),g=n(36),v=n(188),m=n(87),b=n(185),k=n(4),_=b.UNSUPPORTED_Y,x=Math.min,C=[].push,y=a(/./.exec),$=a(C),L=a("".slice);s("split",(function(t,e,n){var a;return a="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var a=p(l(this)),s=void 0===n?4294967295:n>>>0;if(0===s)return[];if(void 0===t)return[a];if(!o(t))return r(e,a,t,s);for(var u,c,h,f=[],d=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,b=new RegExp(t.source,d+"g");(u=r(m,b,a))&&!((c=b.lastIndex)>v&&($(f,L(a,v,u.index)),u.length>1&&u.index<a.length&&i(C,f,g(u,1)),h=u[0].length,v=c,f.length>=s));)b.lastIndex===u.index&&b.lastIndex++;return v===a.length?!h&&y(b,"")||$(f,""):$(f,L(a,v)),f.length>s?g(f,0,s):f}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:r(e,this,t,n)}:e,[function(e,n){var i=l(this),s=null==e?void 0:d(e,t);return s?r(s,e,i,n):r(a,p(i),e,n)},function(t,i){var r=u(this),s=p(t),o=n(a,r,s,i,a!==e);if(o.done)return o.value;var l=c(r,RegExp),d=r.unicode,g=(r.ignoreCase?"i":"")+(r.multiline?"m":"")+(r.unicode?"u":"")+(_?"g":"y"),m=new l(_?"^(?:"+r.source+")":r,g),b=void 0===i?4294967295:i>>>0;if(0===b)return[];if(0===s.length)return null===v(m,s)?[s]:[];for(var k=0,C=0,y=[];C<s.length;){m.lastIndex=_?0:C;var w,O=v(m,_?L(s,C):s);if(null===O||(w=x(f(m.lastIndex+(_?C:0)),s.length))===k)C=h(s,C,d);else{if($(y,L(s,k,C)),y.length===b)return y;for(var S=1;S<=O.length-1;S++)if($(y,O[S]),y.length===b)return y;C=k=w}}return $(y,L(s,k)),y}]}),!!k((function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var n="ab".split(t);return 2!==n.length||"a"!==n[0]||"b"!==n[1]})),_)},338:function(t,e,n){},339:function(t,e,n){var i=n(3),r=n(30),a=n(22),s=n(332),o=i("".replace),u="["+s+"]",l=RegExp("^"+u+u+"*"),c=RegExp(u+u+"*$"),h=function(t){return function(e){var n=a(r(e));return 1&t&&(n=o(n,l,"")),2&t&&(n=o(n,c,"")),n}};t.exports={start:h(1),end:h(2),trim:h(3)}},340:function(t,e,n){"use strict";var i=n(2),r=n(339).trim;i({target:"String",proto:!0,forced:n(372)("trim")},{trim:function(){return r(this)}})},341:function(t,e,n){var i=n(11),r=n(0),a=n(3),s=n(115),o=n(373),u=n(24),l=n(12).f,c=n(57).f,h=n(35),f=n(183),p=n(22),d=n(184),g=n(185),v=n(18),m=n(4),b=n(9),k=n(31).enforce,_=n(192),x=n(5),C=n(193),y=n(194),$=x("match"),L=r.RegExp,w=L.prototype,O=r.SyntaxError,S=a(d),I=a(w.exec),E=a("".charAt),j=a("".replace),P=a("".indexOf),N=a("".slice),R=/^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/,T=/a/g,A=/a/g,D=new L(T)!==T,U=g.UNSUPPORTED_Y,H=i&&(!D||U||C||y||m((function(){return A[$]=!1,L(T)!=T||L(A)==A||"/a/i"!=L(T,"i")})));if(s("RegExp",H)){for(var W=function(t,e){var n,i,r,a,s,l,c=h(w,this),d=f(t),g=void 0===e,v=[],m=t;if(!c&&d&&g&&t.constructor===W)return t;if((d||h(w,t))&&(t=t.source,g&&(e="flags"in m?m.flags:S(m))),t=void 0===t?"":p(t),e=void 0===e?"":p(e),m=t,C&&"dotAll"in T&&(i=!!e&&P(e,"s")>-1)&&(e=j(e,/s/g,"")),n=e,U&&"sticky"in T&&(r=!!e&&P(e,"y")>-1)&&(e=j(e,/y/g,"")),y&&(t=(a=function(t){for(var e,n=t.length,i=0,r="",a=[],s={},o=!1,u=!1,l=0,c="";i<=n;i++){if("\\"===(e=E(t,i)))e+=E(t,++i);else if("]"===e)o=!1;else if(!o)switch(!0){case"["===e:o=!0;break;case"("===e:I(R,N(t,i+1))&&(i+=2,u=!0),r+=e,l++;continue;case">"===e&&u:if(""===c||b(s,c))throw new O("Invalid capture group name");s[c]=!0,a[a.length]=[c,l],u=!1,c="";continue}u?c+=e:r+=e}return[r,a]}(t))[0],v=a[1]),s=o(L(t,e),c?this:w,W),(i||r||v.length)&&(l=k(s),i&&(l.dotAll=!0,l.raw=W(function(t){for(var e,n=t.length,i=0,r="",a=!1;i<=n;i++)"\\"!==(e=E(t,i))?a||"."!==e?("["===e?a=!0:"]"===e&&(a=!1),r+=e):r+="[\\s\\S]":r+=e+E(t,++i);return r}(t),n)),r&&(l.sticky=!0),v.length&&(l.groups=v)),t!==m)try{u(s,"source",""===m?"(?:)":m)}catch(t){}return s},G=function(t){t in W||l(W,t,{configurable:!0,get:function(){return L[t]},set:function(e){L[t]=e}})},B=c(L),M=0;B.length>M;)G(B[M++]);w.constructor=W,W.prototype=w,v(r,"RegExp",W)}_("RegExp")},342:function(t,e,n){"use strict";var i=n(3),r=n(85).PROPER,a=n(18),s=n(7),o=n(35),u=n(22),l=n(4),c=n(184),h=RegExp.prototype,f=h.toString,p=i(c),d=l((function(){return"/a/b"!=f.call({source:"a",flags:"b"})})),g=r&&"toString"!=f.name;(d||g)&&a(RegExp.prototype,"toString",(function(){var t=s(this),e=u(t.source),n=t.flags;return"/"+e+"/"+u(void 0===n&&o(h,t)&&!("flags"in h)?p(t):n)}),{unsafe:!0})},343:function(t,e,n){},344:function(t,e,n){},345:function(t,e,n){},346:function(t,e,n){},347:function(t,e,n){},348:function(t,e,n){},349:function(t,e){t.exports=function(t){return null==t}},350:function(t,e,n){},351:function(t,e,n){},352:function(t,e,n){},353:function(t,e,n){},354:function(t,e,n){},355:function(t,e,n){},363:function(t,e,n){"use strict";n.r(e);n(109);var i=n(329),r={name:"SidebarGroup",components:{DropdownTransition:n(365).a},props:["item","open","collapsable","depth"],beforeCreate:function(){this.$options.components.SidebarLinks=n(363).default},methods:{isActive:i.e}},a=(n(385),n(52)),s=Object(a.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"sidebar-group",class:[{collapsable:t.collapsable,"is-sub-group":0!==t.depth},"depth-"+t.depth]},[t.item.path?n("RouterLink",{staticClass:"sidebar-heading clickable",class:{open:t.open,active:t.isActive(t.$route,t.item.path)},attrs:{to:t.item.path},nativeOn:{click:function(e){return t.$emit("toggle")}}},[n("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?n("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]):n("p",{staticClass:"sidebar-heading",class:{open:t.open},on:{click:function(e){return t.$emit("toggle")}}},[n("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?n("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]),t._v(" "),n("DropdownTransition",[t.open||!t.collapsable?n("SidebarLinks",{staticClass:"sidebar-group-items",attrs:{items:t.item.children,"sidebar-depth":t.item.sidebarDepth,"initial-open-group-index":t.item.initialOpenGroupIndex,depth:t.depth+1}}):t._e()],1)],1)}),[],!1,null,null,null).exports;n(386),n(83);function o(t,e,n,i,r){var a={props:{to:e,activeClass:"",exactActiveClass:""},class:{active:i,"sidebar-link":!0}};return r>2&&(a.style={"padding-left":r+"rem"}),t("RouterLink",a,n)}function u(t,e,n,r,a){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1;return!e||s>a?null:t("ul",{class:"sidebar-sub-headers"},e.map((function(e){var l=Object(i.e)(r,n+"#"+e.slug);return t("li",{class:"sidebar-sub-header"},[o(t,n+"#"+e.slug,e.title,l,e.level-1),u(t,e.children,n,r,a,s+1)])})))}var l={functional:!0,props:["item","sidebarDepth"],render:function(t,e){var n=e.parent,r=n.$page,a=(n.$site,n.$route),s=n.$themeConfig,l=n.$themeLocaleConfig,c=e.props,h=c.item,f=c.sidebarDepth,p=Object(i.e)(a,h.path),d="auto"===h.type?p||h.children.some((function(t){return Object(i.e)(a,h.basePath+"#"+t.slug)})):p,g="external"===h.type?function(t,e,n){return t("a",{attrs:{href:e,target:"_blank",rel:"noopener noreferrer"},class:{"sidebar-link":!0}},[n,t("OutboundLink")])}(t,h.path,h.title||h.path):o(t,h.path,h.title||h.path,d),v=[r.frontmatter.sidebarDepth,f,l.sidebarDepth,s.sidebarDepth,1].find((function(t){return void 0!==t})),m=l.displayAllHeaders||s.displayAllHeaders;return"auto"===h.type?[g,u(t,h.children,h.basePath,a,v)]:(d||m)&&h.headers&&!i.d.test(h.path)?[g,u(t,Object(i.c)(h.headers),h.path,a,v)]:g}};n(387);function c(t,e){if("group"===e.type){var n=e.path&&Object(i.e)(t,e.path),r=e.children.some((function(e){return"group"===e.type?c(t,e):"page"===e.type&&Object(i.e)(t,e.path)}));return n||r}return!1}var h={name:"SidebarLinks",components:{SidebarGroup:s,SidebarLink:Object(a.a)(l,void 0,void 0,!1,null,null,null).exports},props:["items","depth","sidebarDepth","initialOpenGroupIndex"],data:function(){return{openGroupIndex:this.initialOpenGroupIndex||0}},watch:{$route:function(){this.refreshIndex()}},created:function(){this.refreshIndex()},methods:{refreshIndex:function(){var t=function(t,e){for(var n=0;n<e.length;n++){var i=e[n];if(c(t,i))return n}return-1}(this.$route,this.items);t>-1&&(this.openGroupIndex=t)},toggleGroup:function(t){this.openGroupIndex=t===this.openGroupIndex?-1:t},isActive:function(t){return Object(i.e)(this.$route,t.regularPath)}}},f=Object(a.a)(h,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.items.length?n("ul",{staticClass:"sidebar-links"},t._l(t.items,(function(e,i){return n("li",{key:i},["group"===e.type?n("SidebarGroup",{attrs:{item:e,open:i===t.openGroupIndex,collapsable:e.collapsable||e.collapsible,depth:t.depth},on:{toggle:function(e){return t.toggleGroup(i)}}}):n("SidebarLink",{attrs:{"sidebar-depth":t.sidebarDepth,item:e}})],1)})),0):t._e()}),[],!1,null,null,null);e.default=f.exports},365:function(t,e,n){"use strict";var i={name:"DropdownTransition",methods:{setHeight:function(t){t.style.height=t.scrollHeight+"px"},unsetHeight:function(t){t.style.height=""}}},r=(n(377),n(52)),a=Object(r.a)(i,(function(){var t=this.$createElement;return(this._self._c||t)("transition",{attrs:{name:"dropdown"},on:{enter:this.setHeight,"after-enter":this.unsetHeight,"before-leave":this.setHeight}},[this._t("default")],2)}),[],!1,null,null,null);e.a=a.exports},366:function(t,e,n){"use strict";var i=n(2),r=n(367);i({target:"String",proto:!0,forced:n(368)("link")},{link:function(t){return r(this,"a","href",t)}})},367:function(t,e,n){var i=n(3),r=n(30),a=n(22),s=/"/g,o=i("".replace);t.exports=function(t,e,n,i){var u=a(r(t)),l="<"+e;return""!==n&&(l+=" "+n+'="'+o(a(i),s,""")+'"'),l+">"+u+"</"+e+">"}},368:function(t,e,n){var i=n(4);t.exports=function(t){return i((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}))}},369:function(t,e,n){"use strict";n(338)},370:function(t,e,n){var i=n(2),r=n(371);i({global:!0,forced:parseInt!=r},{parseInt:r})},371:function(t,e,n){var i=n(0),r=n(4),a=n(3),s=n(22),o=n(339).trim,u=n(332),l=i.parseInt,c=i.Symbol,h=c&&c.iterator,f=/^[+-]?0x/i,p=a(f.exec),d=8!==l(u+"08")||22!==l(u+"0x16")||h&&!r((function(){l(Object(h))}));t.exports=d?function(t,e){var n=o(s(t));return l(n,e>>>0||(p(f,n)?16:10))}:l},372:function(t,e,n){var i=n(85).PROPER,r=n(4),a=n(332);t.exports=function(t){return r((function(){return!!a[t]()||"
"!=="
"[t]()||i&&a[t].name!==t}))}},373:function(t,e,n){var i=n(6),r=n(8),a=n(86);t.exports=function(t,e,n){var s,o;return a&&i(s=e.constructor)&&s!==n&&r(o=s.prototype)&&o!==n.prototype&&a(t,o),t}},374:function(t,e,n){"use strict";var i,r=n(2),a=n(3),s=n(32).f,o=n(84),u=n(22),l=n(117),c=n(30),h=n(118),f=n(23),p=a("".endsWith),d=a("".slice),g=Math.min,v=h("endsWith");r({target:"String",proto:!0,forced:!!(f||v||(i=s(String.prototype,"endsWith"),!i||i.writable))&&!v},{endsWith:function(t){var e=u(c(this));l(t);var n=arguments.length>1?arguments[1]:void 0,i=e.length,r=void 0===n?i:g(o(n),i),a=u(t);return p?p(e,a,r):d(e,r-a.length,r)===a}})},375:function(t,e,n){"use strict";n(343)},376:function(t,e,n){"use strict";n(344)},377:function(t,e,n){"use strict";n(345)},378:function(t,e,n){"use strict";n(346)},379:function(t,e,n){"use strict";n(347)},380:function(t,e,n){"use strict";n(348)},381:function(t,e,n){"use strict";n(350)},382:function(t,e,n){var i=n(38),r=n(19),a=n(33);t.exports=function(t){return"string"==typeof t||!r(t)&&a(t)&&"[object String]"==i(t)}},383:function(t,e,n){"use strict";n(351)},384:function(t,e,n){"use strict";n(352)},385:function(t,e,n){"use strict";n(353)},386:function(t,e,n){"use strict";var i=n(2),r=n(37).find,a=n(114),s=!0;"find"in[]&&Array(1).find((function(){s=!1})),i({target:"Array",proto:!0,forced:s},{find:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}}),a("find")},387:function(t,e,n){"use strict";n(354)},388:function(t,e,n){"use strict";n(355)},397:function(t,e,n){"use strict";n.r(e);n(366),n(109),n(110);var i=n(329),r={name:"NavLink",props:{item:{required:!0}},computed:{link:function(){return Object(i.b)(this.item.link)},exact:function(){var t=this;return this.$site.locales?Object.keys(this.$site.locales).some((function(e){return e===t.link})):"/"===this.link},isNonHttpURI:function(){return Object(i.g)(this.link)||Object(i.h)(this.link)},isBlankTarget:function(){return"_blank"===this.target},isInternal:function(){return!Object(i.f)(this.link)&&!this.isBlankTarget},target:function(){return this.isNonHttpURI?null:this.item.target?this.item.target:Object(i.f)(this.link)?"_blank":""},rel:function(){return this.isNonHttpURI||!1===this.item.rel?null:this.item.rel?this.item.rel:this.isBlankTarget?"noopener noreferrer":null}},methods:{focusoutAction:function(){this.$emit("focusout")}}},a=n(52),s=Object(a.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isInternal?n("RouterLink",{staticClass:"nav-link",attrs:{to:t.link,exact:t.exact},nativeOn:{focusout:function(e){return t.focusoutAction.apply(null,arguments)}}},[t._v("\n "+t._s(t.item.text)+"\n")]):n("a",{staticClass:"nav-link external",attrs:{href:t.link,target:t.target,rel:t.rel},on:{focusout:t.focusoutAction}},[t._v("\n "+t._s(t.item.text)+"\n "),t.isBlankTarget?n("OutboundLink"):t._e()],1)}),[],!1,null,null,null).exports,o={name:"Home",components:{NavLink:s},computed:{data:function(){return this.$page.frontmatter},actionLink:function(){return{link:this.data.actionLink,text:this.data.actionText}}}},u=(n(369),Object(a.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("main",{staticClass:"home",attrs:{"aria-labelledby":null!==t.data.heroText?"main-title":null}},[n("header",{staticClass:"hero"},[t.data.heroImage?n("img",{attrs:{src:t.$withBase(t.data.heroImage),alt:t.data.heroAlt||"hero"}}):t._e(),t._v(" "),null!==t.data.heroText?n("h1",{attrs:{id:"main-title"}},[t._v("\n "+t._s(t.data.heroText||t.$title||"Hello")+"\n ")]):t._e(),t._v(" "),null!==t.data.tagline?n("p",{staticClass:"description"},[t._v("\n "+t._s(t.data.tagline||t.$description||"Welcome to your VuePress site")+"\n ")]):t._e(),t._v(" "),t.data.actionText&&t.data.actionLink?n("p",{staticClass:"action"},[n("NavLink",{staticClass:"action-button",attrs:{item:t.actionLink}})],1):t._e()]),t._v(" "),t.data.features&&t.data.features.length?n("div",{staticClass:"features"},t._l(t.data.features,(function(e,i){return n("div",{key:i,staticClass:"feature"},[n("h2",[t._v(t._s(e.title))]),t._v(" "),n("p",[t._v(t._s(e.details))])])})),0):t._e(),t._v(" "),n("Content",{staticClass:"theme-default-content custom"}),t._v(" "),t.data.footer?n("div",{staticClass:"footer"},[t._v("\n "+t._s(t.data.footer)+"\n ")]):t._e()],1)}),[],!1,null,null,null).exports),l=(n(370),n(340),n(182),n(113),n(34),n(53),n(331),n(189),n(190),n(191),n(82),n(341),n(342),n(83),n(337),n(374),n(195)),c=n.n(l),h=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=c()(e,"title","");return c()(e,"frontmatter.tags")&&(i+=" ".concat(e.frontmatter.tags.join(" "))),n&&(i+=" ".concat(n)),f(t,i)},f=function(t,e){var n=function(t){return t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},i=new RegExp("[^\0-]"),r=t.split(/\s+/g).map((function(t){return t.trim()})).filter((function(t){return!!t}));if(i.test(t))return r.some((function(t){return e.toLowerCase().indexOf(t)>-1}));var a=t.endsWith(" ");return new RegExp(r.map((function(t,e){return r.length!==e+1||a?"(?=.*\\b".concat(n(t),"\\b)"):"(?=.*\\b".concat(n(t),")")})).join("")+".+","gi").test(e)},p={name:"SearchBox",data:function(){return{query:"",focused:!1,focusIndex:0,placeholder:void 0}},computed:{showSuggestions:function(){return this.focused&&this.suggestions&&this.suggestions.length},suggestions:function(){var t=this.query.trim().toLowerCase();if(t){for(var e=this.$site.pages,n=this.$site.themeConfig.searchMaxSuggestions||5,i=this.$localePath,r=[],a=0;a<e.length&&!(r.length>=n);a++){var s=e[a];if(this.getPageLocalePath(s)===i&&this.isSearchable(s))if(h(t,s))r.push(s);else if(s.headers)for(var o=0;o<s.headers.length&&!(r.length>=n);o++){var u=s.headers[o];u.title&&h(t,s,u.title)&&r.push(Object.assign({},s,{path:s.path+"#"+u.slug,header:u}))}}return r}},alignRight:function(){return(this.$site.themeConfig.nav||[]).length+(this.$site.repo?1:0)<=2}},mounted:function(){this.placeholder=this.$site.themeConfig.searchPlaceholder||"",document.addEventListener("keydown",this.onHotkey)},beforeDestroy:function(){document.removeEventListener("keydown",this.onHotkey)},methods:{getPageLocalePath:function(t){for(var e in this.$site.locales||{})if("/"!==e&&0===t.path.indexOf(e))return e;return"/"},isSearchable:function(t){var e=null;return null===e||(e=Array.isArray(e)?e:new Array(e)).filter((function(e){return t.path.match(e)})).length>0},onHotkey:function(t){t.srcElement===document.body&&["s","/"].includes(t.key)&&(this.$refs.input.focus(),t.preventDefault())},onUp:function(){this.showSuggestions&&(this.focusIndex>0?this.focusIndex--:this.focusIndex=this.suggestions.length-1)},onDown:function(){this.showSuggestions&&(this.focusIndex<this.suggestions.length-1?this.focusIndex++:this.focusIndex=0)},go:function(t){this.showSuggestions&&(this.$router.push(this.suggestions[t].path),this.query="",this.focusIndex=0)},focus:function(t){this.focusIndex=t},unfocus:function(){this.focusIndex=-1}}},d=(n(375),Object(a.a)(p,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"search-box"},[n("input",{ref:"input",class:{focused:t.focused},attrs:{"aria-label":"Search",placeholder:t.placeholder,autocomplete:"off",spellcheck:"false"},domProps:{value:t.query},on:{input:function(e){t.query=e.target.value},focus:function(e){t.focused=!0},blur:function(e){t.focused=!1},keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.go(t.focusIndex)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?null:t.onUp.apply(null,arguments)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?null:t.onDown.apply(null,arguments)}]}}),t._v(" "),t.showSuggestions?n("ul",{staticClass:"suggestions",class:{"align-right":t.alignRight},on:{mouseleave:t.unfocus}},t._l(t.suggestions,(function(e,i){return n("li",{key:i,staticClass:"suggestion",class:{focused:i===t.focusIndex},on:{mousedown:function(e){return t.go(i)},mouseenter:function(e){return t.focus(i)}}},[n("a",{attrs:{href:e.path},on:{click:function(t){t.preventDefault()}}},[n("span",{staticClass:"page-title"},[t._v(t._s(e.title||e.path))]),t._v(" "),e.header?n("span",{staticClass:"header"},[t._v("> "+t._s(e.header.title))]):t._e()])])})),0):t._e()])}),[],!1,null,null,null).exports),g=(n(376),Object(a.a)({},(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"sidebar-button",on:{click:function(e){return t.$emit("toggle-sidebar")}}},[n("svg",{staticClass:"icon",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",viewBox:"0 0 448 512"}},[n("path",{attrs:{fill:"currentColor",d:"M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"}})])])}),[],!1,null,null,null).exports),v=n(50),m=(n(181),n(365)),b=n(196),k=n.n(b),_={name:"DropdownLink",components:{NavLink:s,DropdownTransition:m.a},props:{item:{required:!0}},data:function(){return{open:!1}},computed:{dropdownAriaLabel:function(){return this.item.ariaLabel||this.item.text}},watch:{$route:function(){this.open=!1}},methods:{setOpen:function(t){this.open=t},isLastItemOfArray:function(t,e){return k()(e)===t},handleDropdown:function(){0===event.detail&&this.setOpen(!this.open)}}},x=(n(378),{name:"NavLinks",components:{NavLink:s,DropdownLink:Object(a.a)(_,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"dropdown-wrapper",class:{open:t.open}},[n("button",{staticClass:"dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:t.handleDropdown}},[n("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),n("span",{staticClass:"arrow down"})]),t._v(" "),n("button",{staticClass:"mobile-dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:function(e){return t.setOpen(!t.open)}}},[n("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),n("span",{staticClass:"arrow",class:t.open?"down":"right"})]),t._v(" "),n("DropdownTransition",[n("ul",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}],staticClass:"nav-dropdown"},t._l(t.item.items,(function(e,i){return n("li",{key:e.link||i,staticClass:"dropdown-item"},["links"===e.type?n("h4",[t._v("\n "+t._s(e.text)+"\n ")]):t._e(),t._v(" "),"links"===e.type?n("ul",{staticClass:"dropdown-subitem-wrapper"},t._l(e.items,(function(i){return n("li",{key:i.link,staticClass:"dropdown-subitem"},[n("NavLink",{attrs:{item:i},on:{focusout:function(n){t.isLastItemOfArray(i,e.items)&&t.isLastItemOfArray(e,t.item.items)&&t.setOpen(!1)}}})],1)})),0):n("NavLink",{attrs:{item:e},on:{focusout:function(n){t.isLastItemOfArray(e,t.item.items)&&t.setOpen(!1)}}})],1)})),0)])],1)}),[],!1,null,null,null).exports},computed:{userNav:function(){return this.$themeLocaleConfig.nav||this.$site.themeConfig.nav||[]},nav:function(){var t=this,e=this.$site.locales;if(e&&Object.keys(e).length>1){var n=this.$page.path,i=this.$router.options.routes,r=this.$site.themeConfig.locales||{},a={text:this.$themeLocaleConfig.selectText||"Languages",ariaLabel:this.$themeLocaleConfig.ariaLabel||"Select language",items:Object.keys(e).map((function(a){var s,o=e[a],u=r[a]&&r[a].label||o.lang;return o.lang===t.$lang?s=n:(s=n.replace(t.$localeConfig.path,a),i.some((function(t){return t.path===s}))||(s=a)),{text:u,link:s}}))};return[].concat(Object(v.a)(this.userNav),[a])}return this.userNav},userLinks:function(){return(this.nav||[]).map((function(t){return Object.assign(Object(i.j)(t),{items:(t.items||[]).map(i.j)})}))},repoLink:function(){var t=this.$site.themeConfig.repo;return t?/^https?:/.test(t)?t:"https://github.com/".concat(t):null},repoLabel:function(){if(this.repoLink){if(this.$site.themeConfig.repoLabel)return this.$site.themeConfig.repoLabel;for(var t=this.repoLink.match(/^https?:\/\/[^/]+/)[0],e=["GitHub","GitLab","Bitbucket"],n=0;n<e.length;n++){var i=e[n];if(new RegExp(i,"i").test(t))return i}return"Source"}}}}),C=(n(379),Object(a.a)(x,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.userLinks.length||t.repoLink?n("nav",{staticClass:"nav-links"},[t._l(t.userLinks,(function(t){return n("div",{key:t.link,staticClass:"nav-item"},["links"===t.type?n("DropdownLink",{attrs:{item:t}}):n("NavLink",{attrs:{item:t}})],1)})),t._v(" "),t.repoLink?n("a",{staticClass:"repo-link",attrs:{href:t.repoLink,target:"_blank",rel:"noopener noreferrer"}},[t._v("\n "+t._s(t.repoLabel)+"\n "),n("OutboundLink")],1):t._e()],2):t._e()}),[],!1,null,null,null).exports);function y(t,e){return t.ownerDocument.defaultView.getComputedStyle(t,null)[e]}var $={name:"Navbar",components:{SidebarButton:g,NavLinks:C,SearchBox:d,AlgoliaSearchBox:{}},data:function(){return{linksWrapMaxWidth:null}},computed:{algolia:function(){return this.$themeLocaleConfig.algolia||this.$site.themeConfig.algolia||{}},isAlgoliaSearch:function(){return this.algolia&&this.algolia.apiKey&&this.algolia.indexName}},mounted:function(){var t=this,e=parseInt(y(this.$el,"paddingLeft"))+parseInt(y(this.$el,"paddingRight")),n=function(){document.documentElement.clientWidth<719?t.linksWrapMaxWidth=null:t.linksWrapMaxWidth=t.$el.offsetWidth-e-(t.$refs.siteName&&t.$refs.siteName.offsetWidth||0)};n(),window.addEventListener("resize",n,!1)}},L=(n(380),Object(a.a)($,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("header",{staticClass:"navbar"},[n("SidebarButton",{on:{"toggle-sidebar":function(e){return t.$emit("toggle-sidebar")}}}),t._v(" "),n("RouterLink",{staticClass:"home-link",attrs:{to:t.$localePath}},[t.$site.themeConfig.logo?n("img",{staticClass:"logo",attrs:{src:t.$withBase(t.$site.themeConfig.logo),alt:t.$siteTitle}}):t._e(),t._v(" "),t.$siteTitle?n("span",{ref:"siteName",staticClass:"site-name",class:{"can-hide":t.$site.themeConfig.logo}},[t._v(t._s(t.$siteTitle))]):t._e()]),t._v(" "),n("div",{staticClass:"links",style:t.linksWrapMaxWidth?{"max-width":t.linksWrapMaxWidth+"px"}:{}},[t.isAlgoliaSearch?n("AlgoliaSearchBox",{attrs:{options:t.algolia}}):!1!==t.$site.themeConfig.search&&!1!==t.$page.frontmatter.search?n("SearchBox"):t._e(),t._v(" "),n("NavLinks",{staticClass:"can-hide"})],1)],1)}),[],!1,null,null,null).exports),w=n(349),O=n.n(w),S={name:"PageEdit",computed:{lastUpdated:function(){return this.$page.lastUpdated},lastUpdatedText:function(){return"string"==typeof this.$themeLocaleConfig.lastUpdated?this.$themeLocaleConfig.lastUpdated:"string"==typeof this.$site.themeConfig.lastUpdated?this.$site.themeConfig.lastUpdated:"Last Updated"},editLink:function(){var t=O()(this.$page.frontmatter.editLink)?this.$site.themeConfig.editLinks:this.$page.frontmatter.editLink,e=this.$site.themeConfig,n=e.repo,i=e.docsDir,r=void 0===i?"":i,a=e.docsBranch,s=void 0===a?"master":a,o=e.docsRepo,u=void 0===o?n:o;return t&&u&&this.$page.relativePath?this.createEditLink(n,u,r,s,this.$page.relativePath):null},editLinkText:function(){return this.$themeLocaleConfig.editLinkText||this.$site.themeConfig.editLinkText||"Edit this page"}},methods:{createEditLink:function(t,e,n,r,a){if(/bitbucket.org/.test(e))return e.replace(i.a,"")+"/src"+"/".concat(r,"/")+(n?n.replace(i.a,"")+"/":"")+a+"?mode=edit&spa=0&at=".concat(r,"&fileviewer=file-view-default");return/gitlab.com/.test(e)?e.replace(i.a,"")+"/-/edit"+"/".concat(r,"/")+(n?n.replace(i.a,"")+"/":"")+a:(i.i.test(e)?e:"https://github.com/".concat(e)).replace(i.a,"")+"/edit"+"/".concat(r,"/")+(n?n.replace(i.a,"")+"/":"")+a}}},I=(n(381),Object(a.a)(S,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",{staticClass:"page-edit"},[t.editLink?n("div",{staticClass:"edit-link"},[n("a",{attrs:{href:t.editLink,target:"_blank",rel:"noopener noreferrer"}},[t._v(t._s(t.editLinkText))]),t._v(" "),n("OutboundLink")],1):t._e(),t._v(" "),t.lastUpdated?n("div",{staticClass:"last-updated"},[n("span",{staticClass:"prefix"},[t._v(t._s(t.lastUpdatedText)+":")]),t._v(" "),n("span",{staticClass:"time"},[t._v(t._s(t.lastUpdated))])]):t._e()])}),[],!1,null,null,null).exports),E=n(382),j=n.n(E),P={name:"PageNav",props:["sidebarItems"],computed:{prev:function(){return R(N.PREV,this)},next:function(){return R(N.NEXT,this)}}};var N={NEXT:{resolveLink:function(t,e){return T(t,e,1)},getThemeLinkConfig:function(t){return t.nextLinks},getPageLinkConfig:function(t){return t.frontmatter.next}},PREV:{resolveLink:function(t,e){return T(t,e,-1)},getThemeLinkConfig:function(t){return t.prevLinks},getPageLinkConfig:function(t){return t.frontmatter.prev}}};function R(t,e){var n=e.$themeConfig,r=e.$page,a=e.$route,s=e.$site,o=e.sidebarItems,u=t.resolveLink,l=t.getThemeLinkConfig,c=t.getPageLinkConfig,h=l(n),f=c(r),p=O()(f)?h:f;return!1===p?void 0:j()(p)?Object(i.k)(s.pages,p,a.path):u(r,o)}function T(t,e,n){var i=[];!function t(e,n){for(var i=0,r=e.length;i<r;i++)"group"===e[i].type?t(e[i].children||[],n):n.push(e[i])}(e,i);for(var r=0;r<i.length;r++){var a=i[r];if("page"===a.type&&a.path===decodeURIComponent(t.path))return i[r+n]}}var A=P,D=(n(383),{components:{PageEdit:I,PageNav:Object(a.a)(A,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.prev||t.next?n("div",{staticClass:"page-nav"},[n("p",{staticClass:"inner"},[t.prev?n("span",{staticClass:"prev"},[t._v("\n ←\n "),"external"===t.prev.type?n("a",{staticClass:"prev",attrs:{href:t.prev.path,target:"_blank",rel:"noopener noreferrer"}},[t._v("\n "+t._s(t.prev.title||t.prev.path)+"\n\n "),n("OutboundLink")],1):n("RouterLink",{staticClass:"prev",attrs:{to:t.prev.path}},[t._v("\n "+t._s(t.prev.title||t.prev.path)+"\n ")])],1):t._e(),t._v(" "),t.next?n("span",{staticClass:"next"},["external"===t.next.type?n("a",{attrs:{href:t.next.path,target:"_blank",rel:"noopener noreferrer"}},[t._v("\n "+t._s(t.next.title||t.next.path)+"\n\n "),n("OutboundLink")],1):n("RouterLink",{attrs:{to:t.next.path}},[t._v("\n "+t._s(t.next.title||t.next.path)+"\n ")]),t._v("\n →\n ")],1):t._e()])]):t._e()}),[],!1,null,null,null).exports},props:["sidebarItems"]}),U=(n(384),Object(a.a)(D,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("main",{staticClass:"page"},[t._t("top"),t._v(" "),n("Content",{staticClass:"theme-default-content"}),t._v(" "),n("PageEdit"),t._v(" "),n("PageNav",t._b({},"PageNav",{sidebarItems:t.sidebarItems},!1)),t._v(" "),t._t("bottom")],2)}),[],!1,null,null,null).exports),H={name:"Sidebar",components:{SidebarLinks:n(363).default,NavLinks:C},props:["items"]},W=(n(388),{name:"Layout",components:{Home:u,Page:U,Sidebar:Object(a.a)(H,(function(){var t=this.$createElement,e=this._self._c||t;return e("aside",{staticClass:"sidebar"},[e("NavLinks"),this._v(" "),this._t("top"),this._v(" "),e("SidebarLinks",{attrs:{depth:0,items:this.items}}),this._v(" "),this._t("bottom")],2)}),[],!1,null,null,null).exports,Navbar:L},data:function(){return{isSidebarOpen:!1}},computed:{shouldShowNavbar:function(){var t=this.$site.themeConfig;return!1!==this.$page.frontmatter.navbar&&!1!==t.navbar&&(this.$title||t.logo||t.repo||t.nav||this.$themeLocaleConfig.nav)},shouldShowSidebar:function(){var t=this.$page.frontmatter;return!t.home&&!1!==t.sidebar&&this.sidebarItems.length},sidebarItems:function(){return Object(i.l)(this.$page,this.$page.regularPath,this.$site,this.$localePath)},pageClasses:function(){var t=this.$page.frontmatter.pageClass;return[{"no-navbar":!this.shouldShowNavbar,"sidebar-open":this.isSidebarOpen,"no-sidebar":!this.shouldShowSidebar},t]}},mounted:function(){var t=this;this.$router.afterEach((function(){t.isSidebarOpen=!1}))},methods:{toggleSidebar:function(t){this.isSidebarOpen="boolean"==typeof t?t:!this.isSidebarOpen,this.$emit("toggle-sidebar",this.isSidebarOpen)},onTouchStart:function(t){this.touchStart={x:t.changedTouches[0].clientX,y:t.changedTouches[0].clientY}},onTouchEnd:function(t){var e=t.changedTouches[0].clientX-this.touchStart.x,n=t.changedTouches[0].clientY-this.touchStart.y;Math.abs(e)>Math.abs(n)&&Math.abs(e)>40&&(e>0&&this.touchStart.x<=80?this.toggleSidebar(!0):this.toggleSidebar(!1))}}}),G=Object(a.a)(W,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"theme-container",class:t.pageClasses,on:{touchstart:t.onTouchStart,touchend:t.onTouchEnd}},[t.shouldShowNavbar?n("Navbar",{on:{"toggle-sidebar":t.toggleSidebar}}):t._e(),t._v(" "),n("div",{staticClass:"sidebar-mask",on:{click:function(e){return t.toggleSidebar(!1)}}}),t._v(" "),n("Sidebar",{attrs:{items:t.sidebarItems},on:{"toggle-sidebar":t.toggleSidebar},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("sidebar-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("sidebar-bottom")]},proxy:!0}],null,!0)}),t._v(" "),t.$page.frontmatter.home?n("Home"):n("Page",{attrs:{"sidebar-items":t.sidebarItems},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("page-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("page-bottom")]},proxy:!0}],null,!0)})],1)}),[],!1,null,null,null);e.default=G.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/20.8d38d090.js b/documents/assets/js/20.8d38d090.js
new file mode 100644
index 000000000..5f35bc373
--- /dev/null
+++ b/documents/assets/js/20.8d38d090.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{411:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"advanced-layout"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-layout"}},[t._v("#")]),t._v(" Advanced Layout")]),t._v(" "),a("p",[t._v("You can use the "),a("code",[t._v("layout")]),t._v(" property to define advanced header and record layouts."),a("br"),t._v("\n(In this case, the "),a("code",[t._v("header")]),t._v(" property cannot be used.)")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("layout")]),t._v(" property is defined by an object with the "),a("code",[t._v("header")]),t._v(" and the "),a("code",[t._v("body")]),t._v(".\nDefine an array of rows in each section, and define each element in a row.")]),t._v(" "),a("p",[t._v("When using the "),a("code",[t._v("layout")]),t._v(" property, you can set "),a("code",[t._v("colSpan")]),t._v(" and "),a("code",[t._v("rowSpan")]),t._v(" for each definition element.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-layout demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-layout"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n layout"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header line1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header line2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n body"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// line1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// line2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/21.afc557c6.js b/documents/assets/js/21.afc557c6.js
new file mode 100644
index 000000000..3853dce88
--- /dev/null
+++ b/documents/assets/js/21.afc557c6.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{413:function(s,t,a){"use strict";a.r(t);var n=a(52),e=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"define-cell-messages"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-cell-messages"}},[s._v("#")]),s._v(" Define Cell Messages")]),s._v(" "),a("p",[s._v("Define the message to display in each cell of the column by using "),a("code",[s._v("message")]),s._v(" property.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Empty"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" displayOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Choose your option"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message field"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//message field")]),s._v("\n message"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"msg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//message function")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("text2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^[a-zA-Z]*$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please only alphabet."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"inline input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("text3"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^[a-zA-Z]*$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please only alphabet."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"val4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"menu"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("val4 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please select."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" displayOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("check5 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please check."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"info"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//info message")]),s._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"info"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n message"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Info Message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"warning"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//warning message")]),s._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"warning"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n message"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Warning Message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br"),a("span",{staticClass:"line-number"},[s._v("132")]),a("br"),a("span",{staticClass:"line-number"},[s._v("133")]),a("br"),a("span",{staticClass:"line-number"},[s._v("134")]),a("br"),a("span",{staticClass:"line-number"},[s._v("135")]),a("br"),a("span",{staticClass:"line-number"},[s._v("136")]),a("br"),a("span",{staticClass:"line-number"},[s._v("137")]),a("br"),a("span",{staticClass:"line-number"},[s._v("138")]),a("br"),a("span",{staticClass:"line-number"},[s._v("139")]),a("br"),a("span",{staticClass:"line-number"},[s._v("140")]),a("br"),a("span",{staticClass:"line-number"},[s._v("141")]),a("br"),a("span",{staticClass:"line-number"},[s._v("142")]),a("br"),a("span",{staticClass:"line-number"},[s._v("143")]),a("br"),a("span",{staticClass:"line-number"},[s._v("144")]),a("br"),a("span",{staticClass:"line-number"},[s._v("145")]),a("br"),a("span",{staticClass:"line-number"},[s._v("146")]),a("br"),a("span",{staticClass:"line-number"},[s._v("147")]),a("br"),a("span",{staticClass:"line-number"},[s._v("148")]),a("br"),a("span",{staticClass:"line-number"},[s._v("149")]),a("br"),a("span",{staticClass:"line-number"},[s._v("150")]),a("br"),a("span",{staticClass:"line-number"},[s._v("151")]),a("br"),a("span",{staticClass:"line-number"},[s._v("152")]),a("br"),a("span",{staticClass:"line-number"},[s._v("153")]),a("br"),a("span",{staticClass:"line-number"},[s._v("154")]),a("br"),a("span",{staticClass:"line-number"},[s._v("155")]),a("br"),a("span",{staticClass:"line-number"},[s._v("156")]),a("br"),a("span",{staticClass:"line-number"},[s._v("157")]),a("br"),a("span",{staticClass:"line-number"},[s._v("158")]),a("br"),a("span",{staticClass:"line-number"},[s._v("159")]),a("br"),a("span",{staticClass:"line-number"},[s._v("160")]),a("br"),a("span",{staticClass:"line-number"},[s._v("161")]),a("br"),a("span",{staticClass:"line-number"},[s._v("162")]),a("br"),a("span",{staticClass:"line-number"},[s._v("163")]),a("br"),a("span",{staticClass:"line-number"},[s._v("164")]),a("br"),a("span",{staticClass:"line-number"},[s._v("165")]),a("br"),a("span",{staticClass:"line-number"},[s._v("166")]),a("br"),a("span",{staticClass:"line-number"},[s._v("167")]),a("br"),a("span",{staticClass:"line-number"},[s._v("168")]),a("br"),a("span",{staticClass:"line-number"},[s._v("169")]),a("br"),a("span",{staticClass:"line-number"},[s._v("170")]),a("br"),a("span",{staticClass:"line-number"},[s._v("171")]),a("br"),a("span",{staticClass:"line-number"},[s._v("172")]),a("br"),a("span",{staticClass:"line-number"},[s._v("173")]),a("br"),a("span",{staticClass:"line-number"},[s._v("174")]),a("br"),a("span",{staticClass:"line-number"},[s._v("175")]),a("br"),a("span",{staticClass:"line-number"},[s._v("176")]),a("br"),a("span",{staticClass:"line-number"},[s._v("177")]),a("br"),a("span",{staticClass:"line-number"},[s._v("178")]),a("br"),a("span",{staticClass:"line-number"},[s._v("179")]),a("br"),a("span",{staticClass:"line-number"},[s._v("180")]),a("br"),a("span",{staticClass:"line-number"},[s._v("181")]),a("br"),a("span",{staticClass:"line-number"},[s._v("182")]),a("br"),a("span",{staticClass:"line-number"},[s._v("183")]),a("br"),a("span",{staticClass:"line-number"},[s._v("184")]),a("br"),a("span",{staticClass:"line-number"},[s._v("185")]),a("br"),a("span",{staticClass:"line-number"},[s._v("186")]),a("br"),a("span",{staticClass:"line-number"},[s._v("187")]),a("br"),a("span",{staticClass:"line-number"},[s._v("188")]),a("br"),a("span",{staticClass:"line-number"},[s._v("189")]),a("br"),a("span",{staticClass:"line-number"},[s._v("190")]),a("br"),a("span",{staticClass:"line-number"},[s._v("191")]),a("br"),a("span",{staticClass:"line-number"},[s._v("192")]),a("br"),a("span",{staticClass:"line-number"},[s._v("193")]),a("br"),a("span",{staticClass:"line-number"},[s._v("194")]),a("br"),a("span",{staticClass:"line-number"},[s._v("195")]),a("br"),a("span",{staticClass:"line-number"},[s._v("196")]),a("br"),a("span",{staticClass:"line-number"},[s._v("197")]),a("br"),a("span",{staticClass:"line-number"},[s._v("198")]),a("br"),a("span",{staticClass:"line-number"},[s._v("199")]),a("br"),a("span",{staticClass:"line-number"},[s._v("200")]),a("br"),a("span",{staticClass:"line-number"},[s._v("201")]),a("br"),a("span",{staticClass:"line-number"},[s._v("202")]),a("br"),a("span",{staticClass:"line-number"},[s._v("203")]),a("br"),a("span",{staticClass:"line-number"},[s._v("204")]),a("br"),a("span",{staticClass:"line-number"},[s._v("205")]),a("br"),a("span",{staticClass:"line-number"},[s._v("206")]),a("br"),a("span",{staticClass:"line-number"},[s._v("207")]),a("br"),a("span",{staticClass:"line-number"},[s._v("208")]),a("br"),a("span",{staticClass:"line-number"},[s._v("209")]),a("br"),a("span",{staticClass:"line-number"},[s._v("210")]),a("br"),a("span",{staticClass:"line-number"},[s._v("211")]),a("br"),a("span",{staticClass:"line-number"},[s._v("212")]),a("br"),a("span",{staticClass:"line-number"},[s._v("213")]),a("br"),a("span",{staticClass:"line-number"},[s._v("214")]),a("br"),a("span",{staticClass:"line-number"},[s._v("215")]),a("br"),a("span",{staticClass:"line-number"},[s._v("216")]),a("br"),a("span",{staticClass:"line-number"},[s._v("217")]),a("br"),a("span",{staticClass:"line-number"},[s._v("218")]),a("br"),a("span",{staticClass:"line-number"},[s._v("219")]),a("br"),a("span",{staticClass:"line-number"},[s._v("220")]),a("br"),a("span",{staticClass:"line-number"},[s._v("221")]),a("br"),a("span",{staticClass:"line-number"},[s._v("222")]),a("br"),a("span",{staticClass:"line-number"},[s._v("223")]),a("br"),a("span",{staticClass:"line-number"},[s._v("224")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/22.76526d42.js b/documents/assets/js/22.76526d42.js
new file mode 100644
index 000000000..1ea0fb16f
--- /dev/null
+++ b/documents/assets/js/22.76526d42.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{414:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"buttonaction"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#buttonaction"}},[t._v("#")]),t._v(" ButtonAction")]),t._v(" "),a("p",[t._v("Define the behavior when the button is clicked.")]),t._v(" "),a("p",[t._v("The specified method is executed after select the cell by clicking it and then push Enter.")]),t._v(" "),a("p",[t._v("You can control the property of "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("action")]),t._v(" by manipulating the instance of "),a("code",[t._v("ButtonAction")]),t._v(" class."),a("br"),t._v("\nYou can also disable each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change disabled properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("default"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1disabledmemo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("br")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Show record"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hello"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Message 'Hello!'"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Once you have changed, please try to click"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" buttonAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ・・・ */")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ・・・ */")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ・・・ */")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change disabled properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1disabledmemo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1disabledmemo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1action"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"hello"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("action")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Hello!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("action")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/23.42fe46b8.js b/documents/assets/js/23.42fe46b8.js
new file mode 100644
index 000000000..e8d434e17
--- /dev/null
+++ b/documents/assets/js/23.42fe46b8.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{415:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"checkeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#checkeditor"}},[t._v("#")]),t._v(" CheckEditor")]),t._v(" "),a("p",[t._v("Define the behavior and data editing when checkbox is clicked.")]),t._v(" "),a("p",[t._v("The record is edited after select the cell by clicking it and then push Enter or Space.")]),t._v(" "),a("p",[t._v("You can control the property of "),a("code",[t._v("readOnly")]),t._v(" and "),a("code",[t._v("disabled")]),t._v(" by setting the instance of "),a("code",[t._v("CheckEditor")]),t._v(" class to "),a("code",[t._v("action")]),t._v(" of the column."),a("br"),t._v("\nBut if you define "),a("code",[t._v("'check'")]),t._v(", as string, to "),a("code",[t._v("action")]),t._v(" of the column, you can't control these properties."),a("br"),t._v("\nYou can also disable or read-only each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("readOnly")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" checkEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CheckEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by class instance"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"data-editing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-editing"}},[t._v("#")]),t._v(" Data editing")]),t._v(" "),a("p",[t._v("Basic behavior is switching "),a("code",[t._v("true")]),t._v(" and "),a("code",[t._v("false")]),t._v(".")]),t._v(" "),a("p",[t._v("Switchings shown below can be done as the special behavior.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Truthy Value")]),t._v(" "),a("th",[t._v("Falsy Value")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("number")]),t._v(" "),a("td",[a("code",[t._v("1")])]),t._v(" "),a("td",[a("code",[t._v("0")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'true'")])]),t._v(" "),a("td",[a("code",[t._v("'false'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'on'")])]),t._v(" "),a("td",[a("code",[t._v("'off'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'1'")])]),t._v(" "),a("td",[a("code",[t._v("'0'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'01'")])]),t._v(" "),a("td",[a("code",[t._v("'00'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'00001'")])]),t._v(" "),a("td",[a("code",[t._v("'00000'")])])])])]),t._v(" "),a("p",[t._v("The value regarded as truthy value in JavaScript is switched to "),a("code",[t._v("false")]),t._v("."),a("br"),t._v("\nThe value regarded as falsy value is switched to "),a("code",[t._v("true")]),t._v(".")]),t._v(" "),a("p",[t._v("All numbers except "),a("code",[t._v("0")]),t._v(" are switched to "),a("code",[t._v("0")]),t._v("."),a("br"),t._v("\nIn this case, the original number will not be restored when switching again.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"boolean"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"true/false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"num"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1/0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"truefalse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\"'true'/'false'\"")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"onoff"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"on/off"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"onezero"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\"'1'/'0'\"")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numstring"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"num string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n boolean"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n num"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n truefalse"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onoff"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"off"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onezero"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n numstring"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"00"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n boolean"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n num"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n truefalse"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onoff"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"on"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onezero"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n numstring"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0001"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n boolean"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n num"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n truefalse"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onoff"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"off"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onezero"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n numstring"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"00000000000"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br"),a("span",{staticClass:"line-number"},[t._v("81")]),a("br"),a("span",{staticClass:"line-number"},[t._v("82")]),a("br"),a("span",{staticClass:"line-number"},[t._v("83")]),a("br"),a("span",{staticClass:"line-number"},[t._v("84")]),a("br"),a("span",{staticClass:"line-number"},[t._v("85")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"disabled"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabled"}},[t._v("#")]),t._v(" disabled")]),t._v(" "),a("p",[t._v("You can control "),a("code",[t._v("disabled")]),t._v(" depending on the state of the record by giving "),a("code",[t._v("disabled")]),t._v(" a "),a("code",[t._v("function")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" checkEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CheckEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ncheckEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("disabled")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"test"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled?"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"control"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/24.ff30c5af.js b/documents/assets/js/24.ff30c5af.js
new file mode 100644
index 000000000..84b8ec12d
--- /dev/null
+++ b/documents/assets/js/24.ff30c5af.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{416:function(t,e,a){"use strict";a.r(e);var o=a(52),n=Object(o.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"column-action-classes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#column-action-classes"}},[t._v("#")]),t._v(" Column Action Classes")]),t._v(" "),a("h2",{attrs:{id:"namespace-cheetahgrid-columns-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#namespace-cheetahgrid-columns-action"}},[t._v("#")]),t._v(" Namespace "),a("code",[t._v("cheetahGrid.columns.action")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Class Name")]),t._v(" "),a("th",[t._v("Function")]),t._v(" "),a("th",[t._v("Others")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[a("code",[t._v("CheckEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when clicking the checkbox")]),t._v(" "),a("td",[t._v("same as "),a("code",[t._v("action: 'check'")])])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/ButtonAction.html"}},[a("code",[t._v("ButtonAction")])])],1),t._v(" "),a("td",[t._v("The behavior when clicking the button")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/SmallDialogInputEditor.html"}},[a("code",[t._v("SmallDialogInputEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when input the cell (Material Design Small edit dialog)")]),t._v(" "),a("td",[t._v("same as "),a("code",[t._v("action: 'input'")])])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineInputEditor.html"}},[a("code",[t._v("InlineInputEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when input the cell")]),t._v(" "),a("td",[t._v("InlineInputEditor is an experiment stage")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[a("code",[t._v("InlineMenuEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when select menu the cell")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[a("code",[t._v("RadioEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when clicking the radio button")]),t._v(" "),a("td",[t._v("same as "),a("code",[t._v("action: 'radio'")])])])])]),t._v(" "),a("h2",{attrs:{id:"standard-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-properties"}},[t._v("#")]),t._v(" Standard Properties")])])}),[],!1,null,null,null);e.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/25.73e5a109.js b/documents/assets/js/25.73e5a109.js
new file mode 100644
index 000000000..54550868d
--- /dev/null
+++ b/documents/assets/js/25.73e5a109.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{418:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"inlinemenueditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#inlinemenueditor"}},[t._v("#")]),t._v(" InlineMenuEditor")]),t._v(" "),a("p",[t._v("Enables data editing by menu selection.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Empty"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 6"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" displayOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Choose your option"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 6"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" menuEditor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"InlineMenuEditor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" displayOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"controlable properties"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" displayOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br"),a("span",{staticClass:"line-number"},[t._v("81")]),a("br"),a("span",{staticClass:"line-number"},[t._v("82")]),a("br"),a("span",{staticClass:"line-number"},[t._v("83")]),a("br"),a("span",{staticClass:"line-number"},[t._v("84")]),a("br"),a("span",{staticClass:"line-number"},[t._v("85")]),a("br"),a("span",{staticClass:"line-number"},[t._v("86")]),a("br"),a("span",{staticClass:"line-number"},[t._v("87")]),a("br"),a("span",{staticClass:"line-number"},[t._v("88")]),a("br"),a("span",{staticClass:"line-number"},[t._v("89")]),a("br"),a("span",{staticClass:"line-number"},[t._v("90")]),a("br"),a("span",{staticClass:"line-number"},[t._v("91")]),a("br"),a("span",{staticClass:"line-number"},[t._v("92")]),a("br"),a("span",{staticClass:"line-number"},[t._v("93")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/26.f60ff9fd.js b/documents/assets/js/26.f60ff9fd.js
new file mode 100644
index 000000000..714c33ae3
--- /dev/null
+++ b/documents/assets/js/26.f60ff9fd.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{419:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-actions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-actions"}},[t._v("#")]),t._v(" Define Column Actions")]),t._v(" "),a("h2",{attrs:{id:"standard-column-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column-action"}},[t._v("#")]),t._v(" Standard Column Action")]),t._v(" "),a("p",[t._v("Define column action by using "),a("code",[t._v("action")]),t._v(" property."),a("br"),t._v("\nPlease select suitable Action class for "),a("code",[t._v("columnType")]),t._v(" of same column.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("code",[t._v("columnType")])]),t._v(" "),a("th",[t._v("Specified "),a("code",[t._v("action")]),t._v(" by string")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("LINK")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("check")])]),t._v(" "),a("td",[a("code",[t._v("'check'")])]),t._v(" "),a("td",[t._v("Define the behavior when checkbox is clicked.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[t._v("CheckEditor")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("button")])]),t._v(" "),a("td",[t._v("---")]),t._v(" "),a("td",[t._v("Define the behavior when button is clicked.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/ButtonAction.html"}},[t._v("ButtonAction")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("input")])]),t._v(" "),a("td",[a("code",[t._v("'input'")])]),t._v(" "),a("td",[t._v("Define the behavior when cell input.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/SmallDialogInputEditor.html"}},[t._v("SmallDialogInputEditor")])],1)]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/MenuColumn.html"}},[t._v("MenuColumn")])],1),t._v(" "),a("td",[t._v("---")]),t._v(" "),a("td",[t._v("Define the behavior when select a menu.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[t._v("InlineMenuEditor")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("radio")])]),t._v(" "),a("td",[a("code",[t._v("'radio'")])]),t._v(" "),a("td",[t._v("Define the behavior when radio button is clicked.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[t._v("RadioEditor")])],1)])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// action: 'check'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// action: 'input'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show rec"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ButtonAction")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"advanced-column-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-column-action"}},[t._v("#")]),t._v(" Advanced Column Action")]),t._v(" "),a("p",[t._v("By setting the property "),a("code",[t._v("action")]),t._v(" as an Action instance,\nYou can change the properties of the action (disable, readonly, etc.) in the when you want.")]),t._v(" "),a("p",[t._v("Please refer to "),a("RouterLink",{attrs:{to:"/api/js/column_actions/Classes.html"}},[t._v("here")])],1)],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/27.db27917f.js b/documents/assets/js/27.db27917f.js
new file mode 100644
index 000000000..97d5401f7
--- /dev/null
+++ b/documents/assets/js/27.db27917f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{420:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"radioeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#radioeditor"}},[t._v("#")]),t._v(" RadioEditor")]),t._v(" "),a("p",[t._v("Define the behavior and data editing when radio button is clicked.")]),t._v(" "),a("p",[t._v("The record is edited after select the cell by clicking it and then push Enter or Space.")]),t._v(" "),a("p",[t._v("You can control the property of "),a("code",[t._v("readOnly")]),t._v(" and "),a("code",[t._v("disabled")]),t._v(" by setting the instance of "),a("code",[t._v("RadioEditor")]),t._v(" class to "),a("code",[t._v("action")]),t._v(" of the column."),a("br"),t._v("\nBut if you define "),a("code",[t._v("'radio'")]),t._v(", as string, to "),a("code",[t._v("action")]),t._v(" of the column, you can't control these properties."),a("br"),t._v("\nYou can also disable or read-only each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("readOnly")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" radioEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("RadioEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Defined by string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Defined by class instance"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"disabled"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabled"}},[t._v("#")]),t._v(" disabled")]),t._v(" "),a("p",[t._v("You can control "),a("code",[t._v("disabled")]),t._v(" depending on the state of the record by giving "),a("code",[t._v("disabled")]),t._v(" a "),a("code",[t._v("function")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" radioEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("RadioEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nradioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("disabled")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"test"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled?"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"control"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/28.6d1170de.js b/documents/assets/js/28.6d1170de.js
new file mode 100644
index 000000000..826b72950
--- /dev/null
+++ b/documents/assets/js/28.6d1170de.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{422:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"standard-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-properties"}},[t._v("#")]),t._v(" Standard Properties")]),t._v(" "),a("p",[t._v("Action classes have some common properties.\nHere, they will be described.")]),t._v(" "),a("h2",{attrs:{id:"disabled-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabled-property"}},[t._v("#")]),t._v(" "),a("code",[t._v("disabled")]),t._v(" property")]),t._v(" "),a("p",[t._v("If set to "),a("code",[t._v("true")]),t._v(", the action will be disabled.\nYou can also control "),a("code",[t._v("disabled")]),t._v(" for each record by specifying a function.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" alwaysDisabledButtonAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Clicked Button!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" DisabledForEachRecordButtonAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("disabled")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Clicked Button!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Always Disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" alwaysDisabledButtonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Disabled for Each Record"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" DisabledForEachRecordButtonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br")])]),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"readonly-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#readonly-property"}},[t._v("#")]),t._v(" "),a("code",[t._v("readOnly")]),t._v(" property")]),t._v(" "),a("p",[t._v("If set to "),a("code",[t._v("true")]),t._v(", the action will be read-only.\nAs with "),a("code",[t._v("disabled")]),t._v(", you can also specify a function.")])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/29.57bf8bfc.js b/documents/assets/js/29.57bf8bfc.js
new file mode 100644
index 000000000..d33fbd868
--- /dev/null
+++ b/documents/assets/js/29.57bf8bfc.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{424:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-styles"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-styles"}},[t._v("#")]),t._v(" Define Column Styles")]),t._v(" "),a("h2",{attrs:{id:"standard-column-style"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column-style"}},[t._v("#")]),t._v(" Standard Column Style")]),t._v(" "),a("p",[t._v("Define column style by using "),a("code",[t._v("style")]),t._v(" property.")]),t._v(" "),a("p",[t._v("Properties below are prepared in standard.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("color")]),t._v(" "),a("td",[t._v("Define the color of cell.")])]),t._v(" "),a("tr",[a("td",[t._v("textAlign")]),t._v(" "),a("td",[t._v("Define the horizontal position of text in cell.")])]),t._v(" "),a("tr",[a("td",[t._v("textBaseline")]),t._v(" "),a("td",[t._v("Define the vertical position of text in cell.")])]),t._v(" "),a("tr",[a("td",[t._v("bgColor")]),t._v(" "),a("td",[t._v("Define the background color of cell.")])]),t._v(" "),a("tr",[a("td",[t._v("font")]),t._v(" "),a("td",[t._v("Define the font of cell.")])]),t._v(" "),a("tr",[a("td",[t._v("padding")]),t._v(" "),a("td",[t._v("Define the padding of cell. If you set 4 values separately, please set the "),a("code",[t._v("Array")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[t._v("textOverflow")]),t._v(" "),a("td",[t._v("Define how to display when text overflows the area of a cell. "),a("code",[t._v("clip")]),t._v(" or "),a("code",[t._v("ellipsis")]),t._v(" is available.")])]),t._v(" "),a("tr",[a("td",[t._v("visibility")]),t._v(" "),a("td",[t._v("Specifying "),a("code",[t._v("hidden")]),t._v(" to it will stop drawing the cell's content. Note that this does not stop the cell's action.")])])])]),t._v(" "),a("p",[t._v("Note that the column type may add style properties that you can use. The properties added are described in the documentation for each column type.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"color"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textAlign")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textBaseline")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// bgColor")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bgColor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" bgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#5f5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// font")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"font"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"9px sans-serif"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br")])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// padding")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"padding"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"padding"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//{{#if_v '0.6.0'}} textOverflow")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"longText"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"textOverflow"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ellipsis"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//{{/if_v }}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("80")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("24")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n longText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n longText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n longText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"advanced-column-style"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-column-style"}},[t._v("#")]),t._v(" Advanced Column Style")]),t._v(" "),a("p",[a("code",[t._v("style")]),t._v(" property can be used by the advanced ways below.")]),t._v(" "),a("ul",[a("li",[t._v("change style by each record")])]),t._v(" "),a("p",[t._v("This can be done by functions below.")]),t._v(" "),a("ul",[a("li",[t._v("use the function")]),t._v(" "),a("li",[t._v("use the instance of Style class")])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change background color of text"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3theme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("default"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("red"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("red"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("#DFF"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("#DFF"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" textFieldStyle "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("Style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//function")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//Style instance")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" textFieldStyle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3theme"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change bg color")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n textFieldStyle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("bgColor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n textFieldStyle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("bgColor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"header-style"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#header-style"}},[t._v("#")]),t._v(" Header Style")]),t._v(" "),a("p",[t._v("Define column header style by using "),a("code",[t._v("headerStyle")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample4 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"color"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textAlign")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textBaseline")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// bgColor")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bgColor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" bgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#5f5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// font")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"font"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"9px sans-serif"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textOverflow")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"textOverflow clip"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"clip"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"textOverflow ellipsis"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ellipsis"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*In the header this is the default*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/3.502706f9.js b/documents/assets/js/3.502706f9.js
new file mode 100644
index 000000000..9e787b0aa
--- /dev/null
+++ b/documents/assets/js/3.502706f9.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3,4],{330:function(e,t,n){},333:function(e,t,n){"use strict";n(334),n(335),n(181),n(53),n(82);var o,a,r=(o=["Sophia","Emma","Olivia","Isabella","Ava","Mia","Emily","Abigail","Madison","Elizabeth","Charlotte","Avery","Sofia","Chloe","Ella","Harper","Amelia","Aubrey","Addison","Evelyn","Natalie","Grace","Hannah","Zoey","Victoria","Lillian","Lily","Brooklyn","Samantha","Layla","Zoe","Audrey","Leah","Allison","Anna","Aaliyah","Savannah","Gabriella","Camila","Aria","Noah","Liam","Jacob","Mason","William","Ethan","Michael","Alexander","Jayden","Daniel","Elijah","Aiden","James","Benjamin","Matthew","Jackson","Logan","David","Anthony","Joseph","Joshua","Andrew","Lucas","Gabriel","Samuel","Christopher","John","Dylan","Isaac","Ryan","Nathan","Carter","Caleb","Luke","Christian","Hunter","Henry","Owen","Landon","Jack"],a=["Smith","Johnson","Williams","Brown","Jones","Miller","Davis","Garcia","Rodriguez","Wilson","Martinez","Anderson","Taylor","Thomas","Hernandez","Moore","Martin","Jackson","Thompson","White","Lopez","Lee","Gonzalez","Harris","Clark","Lewis","Robinson","Walker","Perez","Hall","Young","Allen","Sanchez","Wright","King","Scott","Green","Baker","Adams","Nelson","Hill","Ramirez","Campbell","Mitchell","Roberts","Carter","Phillips","Evans","Turner","Torres","Parker","Collins","Edwards","Stewart","Flores","Morris","Nguyen","Murphy","Rivera","Cook","Rogers","Morgan","Peterson","Cooper","Reed","Bailey","Bell","Gomez","Kelly","Howard","Ward","Cox","Diaz","Richardson","Wood","Watson","Brooks","Bennett","Gray","James","Reyes","Cruz","Hughes","Price","Myers","Long","Foster","Sanders","Ross","Morales","Powell","Sullivan","Russell","Ortiz","Jenkins","Gutierrez","Perry","Butler","Barnes","Fisher"],function(e){var t=o[Math.floor(Math.random()*o.length)],n=a[Math.floor(Math.random()*a.length)],r=new Date(Date.now()-63072e7-Math.floor(15*Math.random()*31536e6));return r=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),{personid:e+1,fname:t,lname:n,email:"".concat(t.replace("-","_"),"_").concat(n.replace("-","_"),"@example.com").toLowerCase(),birthday:r}});function i(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=[],o=0;o<e;o++)n.push(r(t+o-1));return n}var s=Function("return this")();s.generatePersons=i,s.generatePersonsDataSource=function(e){var t=new Array(e);return new cheetahGrid.data.CachedDataSource({get:function(e){return t[e]?t[e]:t[e]=r(e)},length:e})},s.generatePerson=r,s.records=i(100)},334:function(e,t,n){var o=n(3),a=n(18),r=Date.prototype,i=o(r.toString),s=o(r.getTime);"Invalid Date"!=String(new Date(NaN))&&a(r,"toString",(function(){var e=s(this);return e==e?i(this):"Invalid Date"}))},335:function(e,t,n){var o=n(2),a=n(0),r=n(3),i=a.Date,s=r(i.prototype.getTime);o({target:"Date",stat:!0},{now:function(){return s(new i)}})},336:function(e,t,n){"use strict";n(330)},359:function(e,t,n){},364:function(e,t,n){"use strict";n.r(t);n(333);var o={name:"VuePreview",components:{},mixins:[],props:{template:{type:String,default:""},js:{type:Object,default:function(){return{}}},data:{type:Object,default:function(){return{}}}},data:function(){return{component:"div"}},watch:{template:function(){this.renderPreview()}},mounted:function(){this.renderPreview()},methods:{renderPreview:function(){var e=this,t='\n <div class="user-preview" >\n '.concat(e.template,"\n </div>");e.component=Object.assign({},{template:t,mixins:[e.js||{}],components:{},data:function(){return e.data}})}}},a=(n(336),n(52)),r=Object(a.a)(o,(function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"preview"},[t(this.component,{tag:"component"})],1)}),[],!1,null,"544081ab",null);t.default=r.exports},392:function(e,t,n){var o=n(2),a=n(0),r=n(55),i=n(6),s=n(56),l=n(36),c=/MSIE .\./.test(s),u=a.Function,d=function(e){return function(t,n){var o=arguments.length>2,a=o?l(arguments,2):void 0;return e(o?function(){r(i(t)?t:u(t),this,a)}:t,n)}};o({global:!0,bind:!0,forced:c},{setTimeout:d(a.setTimeout),setInterval:d(a.setInterval)})},393:function(e,t,n){"use strict";n(359)},401:function(e,t,n){"use strict";n.r(t);n(392),n(189),n(190),n(53),n(82);var o={name:"CodePreview",components:{VuePreview:n(364).default},mixins:[],props:{initMode:{type:String,default:"both"},data:{type:Object,default:function(){return{}}}},data:function(){return{template:"",js:{},mode:this.initMode}},watch:{mode:function(){var e=this;this.$nextTick().then((function(){return setTimeout((function(){window.dispatchEvent(new Event("resize")),e.$emit("resize",e.$refs.preview.$refs.root)}),10)}))}},mounted:function(){this.template=this.$refs.code.querySelector("pre.language-vue, pre.language-html").textContent;var e=this.$refs.code.querySelector("pre.language-js");if(e)if(e.textContent.includes("export default")){var t=new Function("".concat(e.textContent.replace("export default","const $$$$export = "),"; return $$export;"));this.js=t()}else{var n=new Function("return {\n mounted: function () {\n const vm = this\n const $el = this.$el\n const document = {\n createElement: function() {\n return window.document.createElement.apply(window.document, arguments)\n },\n querySelector: function() {\n return $el.querySelector.apply($el, arguments)\n },\n }\n ".concat(e.textContent,"\n }\n };"));this.js=n()}},methods:{onCodeModeClick:function(){"both"===this.mode?this.mode="code":("code"===this.mode||"preview"===this.mode)&&(this.mode="both")},onPreviewModeClick:function(){"both"===this.mode?this.mode="preview":("code"===this.mode||"preview"===this.mode)&&(this.mode="both")}}},a=(n(393),n(52)),r=Object(a.a)(o,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["code-preview",{"code-preview--hidden-code":"preview"===e.mode,"code-preview--hidden-preview":"code"===e.mode}]},[n("div",{ref:"code",staticClass:"code"},[e._t("default")],2),e._v(" "),n("vue-preview",{ref:"preview",attrs:{template:e.template,js:e.js,data:e.data}}),e._v(" "),n("div",{staticClass:"tools"},[n("button",{staticClass:"material-icons tool-button__code",on:{click:e.onCodeModeClick}},[e._v("\n code\n ")]),e._v(" "),n("button",{staticClass:"material-icons tool-button__preview",on:{click:e.onPreviewModeClick}},[e._v("\n visibility\n ")])])],1)}),[],!1,null,"63d28fc8",null);t.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/30.da07b6b8.js b/documents/assets/js/30.da07b6b8.js
new file mode 100644
index 000000000..e46e5afaa
--- /dev/null
+++ b/documents/assets/js/30.da07b6b8.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{432:function(t,s,a){"use strict";a.r(s);var n=a(52),r=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"indicators"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#indicators"}},[t._v("#")]),t._v(" Indicators")]),t._v(" "),a("p",[t._v("You can use the style property to display the indicators."),a("br"),t._v("\nCurrently the only indicator style supported is "),a("code",[t._v('"triangle"')]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"usage"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[t._v("#")]),t._v(" Usage")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-basic demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-basic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br")])])]),t._v(" "),a("p",[t._v("It supports "),a("code",[t._v("indicatorTopLeft")]),t._v(", "),a("code",[t._v("indicatorTopRight")]),t._v(", "),a("code",[t._v("indicatorBottomRight")]),t._v(", and "),a("code",[t._v("indicatorBottomLeft")])]),t._v(" "),a("p",[t._v("You can also control the display of indicators per record using functions.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-function demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-function"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"indicator-styles"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#indicator-styles"}},[t._v("#")]),t._v(" Indicator Styles")]),t._v(" "),a("p",[t._v("We recommend using "),a("RouterLink",{attrs:{to:"/api/js/theme.html"}},[t._v("themes")]),t._v(" to control the style of the indicator.\nYou can control the size and color of the indicators by setting the theme's "),a("code",[t._v("indicators.topLeftColor")]),t._v(", "),a("code",[t._v("indicators.topLeftSize")]),t._v(", "),a("code",[t._v("indicators.topRightColor")]),t._v(", "),a("code",[t._v("indicators.topRightSize")]),t._v(", "),a("code",[t._v("indicators.bottomRightColor")]),t._v(", "),a("code",[t._v("indicators.bottomRightSize")]),t._v(" , "),a("code",[t._v("indicators.bottomLeftColor")]),t._v(", and "),a("code",[t._v("indicators.bottomLeftSize")]),t._v(" properties.")],1),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-theme demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-theme"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n indicators"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n topLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"green"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"black"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br")])])]),t._v(" "),a("p",[t._v("You can also specify the indicator in object form if you want to change its style individually.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-style demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n size"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/31.db577bdf.js b/documents/assets/js/31.db577bdf.js
new file mode 100644
index 000000000..ab0cf66b6
--- /dev/null
+++ b/documents/assets/js/31.db577bdf.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{425:function(s,t,a){"use strict";a.r(t);var n=a(52),r=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"branchgraphcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#branchgraphcolumn"}},[s._v("#")]),s._v(" BranchGraphColumn")]),s._v(" "),a("p",[s._v("Show branch graph.")]),s._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[s._v("#")]),s._v(" Constructor Properties")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[a("code",[s._v("start")])]),s._v(" "),a("td",[s._v("Set the moving direction by setting the beggining point. "),a("code",[s._v("'top'")]),s._v(" or "),a("code",[s._v("'bottom'")])]),s._v(" "),a("td",[a("code",[s._v("'bottom'")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("cache")])]),s._v(" "),a("td",[s._v("Set "),a("code",[s._v("true")]),s._v(" when caching the calculation result of the branch structure. Please call "),a("code",[s._v("clearCache(grid)")]),s._v(" when deleting the cahced data.")]),s._v(" "),a("td",[a("code",[s._v("false")])])])])]),s._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[s._v("#")]),s._v(" Style Properties")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[a("code",[s._v("branchColors")])]),s._v(" "),a("td",[s._v("Set the function which returns the color of branch you want to use. arguments: (branch name, "),a("code",[s._v("index")]),s._v(")")]),s._v(" "),a("td",[s._v("the function which returns following colors in turn. "),a("code",[s._v("'#979797'")]),s._v(","),a("code",[s._v("'#008fb5'")]),s._v(","),a("code",[s._v("'#f1c109'")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("margin")])]),s._v(" "),a("td",[s._v("Set the margin of side.")]),s._v(" "),a("td",[a("code",[s._v("4")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("circleSize")])]),s._v(" "),a("td",[s._v("Set the size of point which express "),a("code",[s._v("commit")]),s._v(".")]),s._v(" "),a("td",[a("code",[s._v("16")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("branchLineWidth")])]),s._v(" "),a("td",[s._v("Set the width of branch lines.")]),s._v(" "),a("td",[a("code",[s._v("4")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("mergeStyle")])]),s._v(" "),a("td",[s._v("Set the way to express the merge line. "),a("code",[s._v("'bezier'")]),s._v(" or "),a("code",[s._v("'straight'")])]),s._v(" "),a("td",[a("code",[s._v("'bezier'")])])])])]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"BranchGraph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("BranchGraphColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n start"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Specify the start and indicate the direction to proceed. 'top' or 'bottom'. default 'bottom'")]),s._v("\n cache"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// cache enable. default false")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),a("span",{pre:!0,attrs:{class:"token constant"}},[s._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v(",")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"command"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// new branch 'mastar'")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// and commit 'mastar' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// commit 'mastar' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// new branch 'develop'. from 'mastar'")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// commit 'develop' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// merge 'develop' branch into 'master' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"merge"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// and tag with v.0.0.1")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"tag"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n tag"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"v1.0.0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// not doing")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//-------------------------")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"merge"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"tag"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n tag"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"v1.1.0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br"),a("span",{staticClass:"line-number"},[s._v("132")]),a("br"),a("span",{staticClass:"line-number"},[s._v("133")]),a("br"),a("span",{staticClass:"line-number"},[s._v("134")]),a("br"),a("span",{staticClass:"line-number"},[s._v("135")]),a("br"),a("span",{staticClass:"line-number"},[s._v("136")]),a("br"),a("span",{staticClass:"line-number"},[s._v("137")]),a("br"),a("span",{staticClass:"line-number"},[s._v("138")]),a("br"),a("span",{staticClass:"line-number"},[s._v("139")]),a("br"),a("span",{staticClass:"line-number"},[s._v("140")]),a("br"),a("span",{staticClass:"line-number"},[s._v("141")]),a("br"),a("span",{staticClass:"line-number"},[s._v("142")]),a("br"),a("span",{staticClass:"line-number"},[s._v("143")]),a("br"),a("span",{staticClass:"line-number"},[s._v("144")]),a("br"),a("span",{staticClass:"line-number"},[s._v("145")]),a("br"),a("span",{staticClass:"line-number"},[s._v("146")]),a("br"),a("span",{staticClass:"line-number"},[s._v("147")]),a("br"),a("span",{staticClass:"line-number"},[s._v("148")]),a("br"),a("span",{staticClass:"line-number"},[s._v("149")]),a("br"),a("span",{staticClass:"line-number"},[s._v("150")]),a("br"),a("span",{staticClass:"line-number"},[s._v("151")]),a("br"),a("span",{staticClass:"line-number"},[s._v("152")]),a("br"),a("span",{staticClass:"line-number"},[s._v("153")]),a("br"),a("span",{staticClass:"line-number"},[s._v("154")]),a("br"),a("span",{staticClass:"line-number"},[s._v("155")]),a("br"),a("span",{staticClass:"line-number"},[s._v("156")]),a("br"),a("span",{staticClass:"line-number"},[s._v("157")]),a("br"),a("span",{staticClass:"line-number"},[s._v("158")]),a("br"),a("span",{staticClass:"line-number"},[s._v("159")]),a("br"),a("span",{staticClass:"line-number"},[s._v("160")]),a("br"),a("span",{staticClass:"line-number"},[s._v("161")]),a("br"),a("span",{staticClass:"line-number"},[s._v("162")]),a("br"),a("span",{staticClass:"line-number"},[s._v("163")]),a("br"),a("span",{staticClass:"line-number"},[s._v("164")]),a("br"),a("span",{staticClass:"line-number"},[s._v("165")]),a("br"),a("span",{staticClass:"line-number"},[s._v("166")]),a("br"),a("span",{staticClass:"line-number"},[s._v("167")]),a("br"),a("span",{staticClass:"line-number"},[s._v("168")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/32.3c56269e.js b/documents/assets/js/32.3c56269e.js
new file mode 100644
index 000000000..f89d704f7
--- /dev/null
+++ b/documents/assets/js/32.3c56269e.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{426:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"buttoncolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#buttoncolumn"}},[t._v("#")]),t._v(" ButtonColumn")]),t._v(" "),a("p",[t._v("Show the button.")]),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("caption")])]),t._v(" "),a("td",[t._v("Define button caption.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("buttonBgColor")])]),t._v(" "),a("td",[t._v("Define background color of button.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Button1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"FIXED LABEL"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Button2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"buttonCaption"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get caption of button from record")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/33.0c16ee24.js b/documents/assets/js/33.0c16ee24.js
new file mode 100644
index 000000000..7289a810e
--- /dev/null
+++ b/documents/assets/js/33.0c16ee24.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{427:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"checkcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#checkcolumn"}},[t._v("#")]),t._v(" CheckColumn")]),t._v(" "),a("p",[t._v("Show the checkbox.")]),t._v(" "),a("p",[t._v("To make it editable, please use "),a("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[t._v("CheckEditor")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("checkBgColor")])]),t._v(" "),a("td",[t._v("Define background color of checkbox, when it is checked.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("uncheckBgColor")])]),t._v(" "),a("td",[t._v("Define background color of checkbox, when it is unchecked.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("borderColor")])]),t._v(" "),a("td",[t._v("Define border color of checkbox.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textAlign")])]),t._v(" "),a("td",[t._v("Define horizontal position of checkbox in cell.")]),t._v(" "),a("td",[a("code",[t._v("'center'")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textBaseline")])]),t._v(" "),a("td",[t._v("Define vertical position of checkbox in cell.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("bgColor")])]),t._v(" "),a("td",[t._v("Define background color of cell.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or `new cheetahGrid.columns.type.CheckColumn()`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n uncheckBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(255, 73, 72)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/34.dfb18825.js b/documents/assets/js/34.dfb18825.js
new file mode 100644
index 000000000..79cca60fb
--- /dev/null
+++ b/documents/assets/js/34.dfb18825.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{428:function(t,o,e){"use strict";e.r(o);var n=e(52),_=Object(n.a)({},(function(){var t=this,o=t.$createElement,e=t._self._c||o;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"column-type-classes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#column-type-classes"}},[t._v("#")]),t._v(" Column Type Classes")]),t._v(" "),e("h2",{attrs:{id:"namespace-cheetahgrid-columns-type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#namespace-cheetahgrid-columns-type"}},[t._v("#")]),t._v(" Namespace "),e("code",[t._v("cheetahGrid.columns.type")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Class Name")]),t._v(" "),e("th",[t._v("Function")]),t._v(" "),e("th",[t._v("Others")]),t._v(" "),e("th",[t._v("Related Links")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("Column")])]),t._v(" "),e("td",[t._v("show text")]),t._v(" "),e("td",[t._v("same as not specify type")]),t._v(" "),e("td",[t._v("---")])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/NumberColumn.html"}},[e("code",[t._v("NumberColumn")])])],1),t._v(" "),e("td",[t._v("show number with comma-separated")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'number'")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/NumberColumn.html"}},[t._v("NumberColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/CheckColumn.html"}},[e("code",[t._v("CheckColumn")])])],1),t._v(" "),e("td",[t._v("show checkbox")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'check'")])]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/CheckColumn.html"}},[t._v("CheckColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[t._v("CheckEditor")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/MenuColumn.html"}},[e("code",[t._v("MenuColumn")])])],1),t._v(" "),e("td",[t._v("show menu")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/MenuColumn.html"}},[t._v("MenuColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[t._v("InlineMenuEditor")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/ButtonColumn.html"}},[e("code",[t._v("ButtonColumn")])])],1),t._v(" "),e("td",[t._v("show button")]),t._v(" "),e("td",[e("code",[t._v("columnType: 'button'")]),t._v(" has same the function")]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/ButtonColumn.html"}},[t._v("ButtonColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/ButtonAction.html"}},[t._v("ButtonAction")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/ImageColumn.html"}},[e("code",[t._v("ImageColumn")])])],1),t._v(" "),e("td",[t._v("show image")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'image'")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/ImageColumn.html"}},[t._v("ImageColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/PercentCompleteBarColumn.html"}},[e("code",[t._v("PercentCompleteBarColumn")])])],1),t._v(" "),e("td",[t._v("show percent complete bar")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/PercentCompleteBarColumn.html"}},[t._v("PercentCompleteBarColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/IconColumn.html"}},[e("code",[t._v("IconColumn")])])],1),t._v(" "),e("td",[t._v("show icon only")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/IconColumn.html"}},[t._v("IconColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/MultilineTextColumn.html"}},[e("code",[t._v("MultilineTextColumn")])])],1),t._v(" "),e("td",[t._v("show multiline text")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'multilinetext'")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/MultilineTextColumn.html"}},[t._v("MultilineTextColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/BranchGraphColumn.html"}},[e("code",[t._v("BranchGraphColumn")])])],1),t._v(" "),e("td",[t._v("show branch graph")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/BranchGraphColumn.html"}},[t._v("BranchGraphColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/RadioColumn.html"}},[e("code",[t._v("RadioColumn")])])],1),t._v(" "),e("td",[t._v("show radio button")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'radio'")])]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/RadioColumn.html"}},[t._v("RadioColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[t._v("RadioEditor")])],1)])])])])}),[],!1,null,null,null);o.default=_.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/35.ac1751c7.js b/documents/assets/js/35.ac1751c7.js
new file mode 100644
index 000000000..426056e63
--- /dev/null
+++ b/documents/assets/js/35.ac1751c7.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{429:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"iconcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#iconcolumn"}},[t._v("#")]),t._v(" IconColumn")]),t._v(" "),a("p",[t._v("Show ICON using Web Font."),a("br"),t._v("\nNumber of ICONs can be set at field.")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[t._v("When showing ICON to ordinal column, please refer to "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("here")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("blockquote",[a("p",[t._v("ICON in sample uses "),a("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Material icons"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- Material Icons: https://material.io/icons/ --\x3e")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("link")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rel")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("stylesheet"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text/css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("href")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://fonts.googleapis.com/icon?family=Material+Icons"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br")])])]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"icon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("130")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("IconColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"material-icons"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uE885"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// https://material.io/icons/#ic_grade")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"gold"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/36.1e2577ce.js b/documents/assets/js/36.1e2577ce.js
new file mode 100644
index 000000000..0d0882db8
--- /dev/null
+++ b/documents/assets/js/36.1e2577ce.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{430:function(s,t,a){"use strict";a.r(t);var n=a(52),e=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"imagecolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#imagecolumn"}},[s._v("#")]),s._v(" ImageColumn")]),s._v(" "),a("h2",{attrs:{id:"draw-image"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#draw-image"}},[s._v("#")]),s._v(" Draw image")]),s._v(" "),a("p",[s._v("Use "),a("code",[s._v("columnType: 'image'")]),s._v(" to draw image in the cell.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("blockquote",[a("p",[s._v("note: Images used in samples are on "),a("a",{attrs:{href:"https://en.wikipedia.org/wiki/Cheetah",target:"_blank",rel:"noopener noreferrer"}},[s._v("wikipedia"),a("OutboundLink")],1),s._v(".\nPlease click the images to check details of those.")])]),s._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"imageUrl"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" imageSizing"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"keep-aspect-ratio"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// open image detail")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("Action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("link"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"_blank"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("24")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//https://en.wikipedia.org/wiki/Cheetah")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Kooshki_%28Iranian_Cheetah%29_03.jpg/440px-Kooshki_%28Iranian_Cheetah%29_03.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Kooshki_(Iranian_Cheetah)_03.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg/180px-Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Cheetah_(Kruger_National_Park,_South_Africa,_2001).jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg/180px-Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Cheetah_at_Whipsnade_Zoo,_Dunstable.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/TanzanianCheetah.jpg/180px-TanzanianCheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:TanzanianCheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Cheetah_portrait_Whipsnade_Zoo.jpg/220px-Cheetah_portrait_Whipsnade_Zoo.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Cheetah_portrait_Whipsnade_Zoo.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/King_cheetah.jpg/170px-King_cheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:King_cheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/37.b761e1d3.js b/documents/assets/js/37.b761e1d3.js
new file mode 100644
index 000000000..f0f704b8d
--- /dev/null
+++ b/documents/assets/js/37.b761e1d3.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{431:function(t,s,a){"use strict";a.r(s);var n=a(52),r=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"menucolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#menucolumn"}},[t._v("#")]),t._v(" MenuColumn")]),t._v(" "),a("p",[t._v("Maps from "),a("code",[t._v("value")]),t._v(" to "),a("code",[t._v("label")]),t._v(" and display it.")]),t._v(" "),a("p",[t._v("To make it editable, please use "),a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[t._v("InlineMenuEditor")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("options")])]),t._v(" "),a("td",[t._v("Define mapping options.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("appearance")])]),t._v(" "),a("td",[t._v("Defines whether to display a dropdown arrow. (you can set "),a("code",[t._v("'menulist-button'")]),t._v(" or "),a("code",[t._v("'none'")]),t._v(")")]),t._v(" "),a("td",[a("code",[t._v("'menulist-button'")])])])])]),t._v(" "),a("p",[t._v("In addition to this, Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Empty"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 6"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MenuColumn"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" appearance"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"none"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/38.2da2d977.js b/documents/assets/js/38.2da2d977.js
new file mode 100644
index 000000000..9b8b414f4
--- /dev/null
+++ b/documents/assets/js/38.2da2d977.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{399:function(t,s,a){"use strict";a.r(s);var n={data:function(){return{records:[{title:"Lorem ipsum",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."},{title:"Section 1.10.32",description:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"},{title:"multilinetext",description:"By specifying 'multilinetext' for the 'columnType' property,\nYou can display multiple lines of text in a cell."},{title:"multilinetext",description:"プロパティ'columnType'に'multilinetext'を指定することで、 \nセルに複数行テキストを表示することができます。 "}]}}},e=a(52),r=Object(e.a)(n,(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"multilinetextcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multilinetextcolumn"}},[t._v("#")]),t._v(" MultilineTextColumn")]),t._v(" "),a("p",[t._v("Show multiline text.")]),t._v(" "),a("p",[t._v("By specifying "),a("code",[t._v("multilinetext")]),t._v(" for the "),a("code",[t._v("columnType")]),t._v(" property,"),a("br"),t._v("\nYou can display multiple lines of text in a cell.")]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("lineHeight")])]),t._v(" "),a("td",[t._v("Define the amount of space used for lines")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("autoWrapText")])]),t._v(" "),a("td",[t._v("Define whether to wrap automatically.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("lineClamp")])]),t._v(" "),a("td",[t._v("Define truncates text at a specific number of lines.")]),t._v(" "),a("td",[t._v("--")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"calc(100% - 150px)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Lorem ipsum"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n description"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n description"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("By specifying 'multilinetext' for the 'columnType' property,\nYou can display multiple lines of text in a cell.")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n description"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("プロパティ'columnType'に'multilinetext'を指定することで、 \nセルに複数行テキストを表示することができます。 ")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"aligns"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#aligns"}},[t._v("#")]),t._v(" Aligns")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//textAlign")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"left"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"left"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//textBaseline")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"middle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"middle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"lineheight"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#lineheight"}},[t._v("#")]),t._v(" lineHeight")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineHeight=3em top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3em"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineHeight=3em middle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3em"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"middle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineHeight=3em bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3em"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"autowraptext"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#autowraptext"}},[t._v("#")]),t._v(" autoWrapText")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample4 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"autoWrapText=true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n autoWrapText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"lineclamp"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#lineclamp"}},[t._v("#")]),t._v(" lineClamp")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample5 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineClamp=2 autoWrapText=true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n autoWrapText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n lineClamp"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'lineClamp=\"auto\" autoWrapText=true'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n autoWrapText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n lineClamp"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineClamp=2 textOverflow=ellipsis"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineClamp"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ellipsis"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/39.8873f70f.js b/documents/assets/js/39.8873f70f.js
new file mode 100644
index 000000000..115132b65
--- /dev/null
+++ b/documents/assets/js/39.8873f70f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{433:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"numbercolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#numbercolumn"}},[t._v("#")]),t._v(" NumberColumn")]),t._v(" "),a("p",[t._v("Show formatted numbers.")]),t._v(" "),a("p",[t._v("Format number with the style defined at "),a("code",[t._v("format")]),t._v(" property in constructor."),a("br"),t._v("\nPlease define the instance of "),a("code",[t._v("Intl.NumberFormat")]),t._v(" class at "),a("code",[t._v("format")]),t._v(" property.")]),t._v(" "),a("p",[t._v("If property isn't defined, format number using the instance created by "),a("code",[t._v("new Intl.NumberFormat()")]),t._v(" automatically."),a("br"),t._v("\nWhich means format style completely depends on "),a("code",[t._v("Intl.NumberFormat")]),t._v(".")]),t._v(" "),a("p",[t._v("In addition, this column type behave same as "),a("code",[t._v("columnType: 'number'")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("format")])]),t._v(" "),a("td",[t._v("Define number format.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("p",[t._v("Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"columnType: number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"JPY"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n format"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ja-JP"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"currency"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n currency"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"JPY"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"USD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n format"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"currency"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n currency"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"USD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"EUR"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n format"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"de-DE"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"currency"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n currency"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"EUR"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.12")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.123456")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/4.c7ed5d0d.js b/documents/assets/js/4.c7ed5d0d.js
new file mode 100644
index 000000000..79abc9e6c
--- /dev/null
+++ b/documents/assets/js/4.c7ed5d0d.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{330:function(e,a,n){},333:function(e,a,n){"use strict";n(334),n(335),n(181),n(53),n(82);var t,r,o=(t=["Sophia","Emma","Olivia","Isabella","Ava","Mia","Emily","Abigail","Madison","Elizabeth","Charlotte","Avery","Sofia","Chloe","Ella","Harper","Amelia","Aubrey","Addison","Evelyn","Natalie","Grace","Hannah","Zoey","Victoria","Lillian","Lily","Brooklyn","Samantha","Layla","Zoe","Audrey","Leah","Allison","Anna","Aaliyah","Savannah","Gabriella","Camila","Aria","Noah","Liam","Jacob","Mason","William","Ethan","Michael","Alexander","Jayden","Daniel","Elijah","Aiden","James","Benjamin","Matthew","Jackson","Logan","David","Anthony","Joseph","Joshua","Andrew","Lucas","Gabriel","Samuel","Christopher","John","Dylan","Isaac","Ryan","Nathan","Carter","Caleb","Luke","Christian","Hunter","Henry","Owen","Landon","Jack"],r=["Smith","Johnson","Williams","Brown","Jones","Miller","Davis","Garcia","Rodriguez","Wilson","Martinez","Anderson","Taylor","Thomas","Hernandez","Moore","Martin","Jackson","Thompson","White","Lopez","Lee","Gonzalez","Harris","Clark","Lewis","Robinson","Walker","Perez","Hall","Young","Allen","Sanchez","Wright","King","Scott","Green","Baker","Adams","Nelson","Hill","Ramirez","Campbell","Mitchell","Roberts","Carter","Phillips","Evans","Turner","Torres","Parker","Collins","Edwards","Stewart","Flores","Morris","Nguyen","Murphy","Rivera","Cook","Rogers","Morgan","Peterson","Cooper","Reed","Bailey","Bell","Gomez","Kelly","Howard","Ward","Cox","Diaz","Richardson","Wood","Watson","Brooks","Bennett","Gray","James","Reyes","Cruz","Hughes","Price","Myers","Long","Foster","Sanders","Ross","Morales","Powell","Sullivan","Russell","Ortiz","Jenkins","Gutierrez","Perry","Butler","Barnes","Fisher"],function(e){var a=t[Math.floor(Math.random()*t.length)],n=r[Math.floor(Math.random()*r.length)],o=new Date(Date.now()-63072e7-Math.floor(15*Math.random()*31536e6));return o=new Date(o.getFullYear(),o.getMonth(),o.getDate(),0,0,0,0),{personid:e+1,fname:a,lname:n,email:"".concat(a.replace("-","_"),"_").concat(n.replace("-","_"),"@example.com").toLowerCase(),birthday:o}});function i(e){for(var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=[],t=0;t<e;t++)n.push(o(a+t-1));return n}var l=Function("return this")();l.generatePersons=i,l.generatePersonsDataSource=function(e){var a=new Array(e);return new cheetahGrid.data.CachedDataSource({get:function(e){return a[e]?a[e]:a[e]=o(e)},length:e})},l.generatePerson=o,l.records=i(100)},334:function(e,a,n){var t=n(3),r=n(18),o=Date.prototype,i=t(o.toString),l=t(o.getTime);"Invalid Date"!=String(new Date(NaN))&&r(o,"toString",(function(){var e=l(this);return e==e?i(this):"Invalid Date"}))},335:function(e,a,n){var t=n(2),r=n(0),o=n(3),i=r.Date,l=o(i.prototype.getTime);t({target:"Date",stat:!0},{now:function(){return l(new i)}})},336:function(e,a,n){"use strict";n(330)},364:function(e,a,n){"use strict";n.r(a);n(333);var t={name:"VuePreview",components:{},mixins:[],props:{template:{type:String,default:""},js:{type:Object,default:function(){return{}}},data:{type:Object,default:function(){return{}}}},data:function(){return{component:"div"}},watch:{template:function(){this.renderPreview()}},mounted:function(){this.renderPreview()},methods:{renderPreview:function(){var e=this,a='\n <div class="user-preview" >\n '.concat(e.template,"\n </div>");e.component=Object.assign({},{template:a,mixins:[e.js||{}],components:{},data:function(){return e.data}})}}},r=(n(336),n(52)),o=Object(r.a)(t,(function(){var e=this.$createElement,a=this._self._c||e;return a("div",{staticClass:"preview"},[a(this.component,{tag:"component"})],1)}),[],!1,null,"544081ab",null);a.default=o.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/40.bd79e063.js b/documents/assets/js/40.bd79e063.js
new file mode 100644
index 000000000..a323e360b
--- /dev/null
+++ b/documents/assets/js/40.bd79e063.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{434:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"percentcompletebarcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#percentcompletebarcolumn"}},[t._v("#")]),t._v(" PercentCompleteBarColumn")]),t._v(" "),a("p",[t._v("Show the percent complete bar.")]),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[t._v("Defines the minimum value of the bar.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[t._v("Defines the maximum value of the bar.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("formatter")])]),t._v(" "),a("td",[t._v("Define the value display format.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("barColor")])]),t._v(" "),a("td",[t._v("Define color of bar. you can set a function that returns color from the value.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("barBgColor")])]),t._v(" "),a("td",[t._v("Define background color of bar.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("barHeight")])]),t._v(" "),a("td",[t._v("Define height of bar.")]),t._v(" "),a("td",[t._v("--")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value(10-20)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n min"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n max"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value(format)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n min"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n max"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("formatter")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("v")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("v"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("pt")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("formatter")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("s")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n barHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("19")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n barBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#aaa"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n barColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#444"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("barBgColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("per")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("per "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#faa"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#aaa"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("barColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("per")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("per "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#f44"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#444"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"100%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"80%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("18")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"60%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"40%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("14")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"20%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/41.556f1a23.js b/documents/assets/js/41.556f1a23.js
new file mode 100644
index 000000000..bb99f2f97
--- /dev/null
+++ b/documents/assets/js/41.556f1a23.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{435:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-types"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-types"}},[t._v("#")]),t._v(" Define Column Types")]),t._v(" "),a("h2",{attrs:{id:"standard-column-type"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column-type"}},[t._v("#")]),t._v(" Standard Column Type")]),t._v(" "),a("p",[t._v("Set the column type by using "),a("code",[t._v("columnType")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("property")]),t._v(" "),a("th",[t._v("description")]),t._v(" "),a("th",[t._v("LINK")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("none")]),t._v(" "),a("td",[t._v("draw text in the cell")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'number'")])]),t._v(" "),a("td",[t._v("draw number in the cell with comma-separated")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/NumberColumn.html"}},[t._v("NumberColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'check'")])]),t._v(" "),a("td",[t._v("draw checkbox in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/CheckColumn.html"}},[t._v("CheckColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'button'")])]),t._v(" "),a("td",[t._v("draw button in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/ButtonColumn.html"}},[t._v("ButtonColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'image'")])]),t._v(" "),a("td",[t._v("draw image in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/ImageColumn.html"}},[t._v("ImageColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'multilinetext'")])]),t._v(" "),a("td",[t._v("draw multiline text in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/MultilineTextColumn.html"}},[t._v("MultilineTextColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'radio'")])]),t._v(" "),a("td",[t._v("draw radio button in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/RadioColumn.html"}},[t._v("RadioColumn")])],1)])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br")])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show rec"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12345")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("67890")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.098")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"advanced-column-type"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-column-type"}},[t._v("#")]),t._v(" Advanced Column Type")]),t._v(" "),a("p",[t._v("You can try kinds of view type by defining "),a("code",[t._v("columnType")]),t._v(" property using the instance.")]),t._v(" "),a("p",[t._v("Please refer to "),a("RouterLink",{attrs:{to:"/api/js/column_types/Classes.html"}},[t._v("here")])],1)],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/42.4326099e.js b/documents/assets/js/42.4326099e.js
new file mode 100644
index 000000000..bc281b0be
--- /dev/null
+++ b/documents/assets/js/42.4326099e.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{436:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"radiocolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#radiocolumn"}},[t._v("#")]),t._v(" RadioColumn")]),t._v(" "),a("p",[t._v("Show the radio button.")]),t._v(" "),a("p",[t._v("To make it editable, please use "),a("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[t._v("RadioEditor")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("checkColor")])]),t._v(" "),a("td",[t._v("Define check mark color of radio button.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("checkBgColor")])]),t._v(" "),a("td",[t._v("Define background color of radio button, when it is checked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("uncheckBgColor")])]),t._v(" "),a("td",[t._v("Define background color of radio button, when it is unchecked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("checkBorderColor")])]),t._v(" "),a("td",[t._v("Define border color of radio button, when it is checked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("uncheckBorderColor")])]),t._v(" "),a("td",[t._v("Define border color of radio button, when it is unchecked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textAlign")])]),t._v(" "),a("td",[t._v("Define horizontal position of radio button in cell.")]),t._v(" "),a("td",[a("code",[t._v("'center'")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textBaseline")])]),t._v(" "),a("td",[t._v("Define vertical position of radio button in cell.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("bgColor")])]),t._v(" "),a("td",[t._v("Define background color of cell.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or `new cheetahGrid.columns.type.RadioColumn()`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(255, 73, 72)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBorderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n uncheckBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n uncheckBorderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(72, 73, 255)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/43.6c747350.js b/documents/assets/js/43.6c747350.js
new file mode 100644
index 000000000..d7efcc61c
--- /dev/null
+++ b/documents/assets/js/43.6c747350.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{437:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-width"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-width"}},[t._v("#")]),t._v(" Define Column Width")]),t._v(" "),a("p",[t._v("You can set the width of each column by using "),a("code",[t._v("width")]),t._v(" property.\nIf nothing is set to "),a("code",[t._v("width")]),t._v(" property, the value of "),a("code",[t._v("defaultColWidth")]),t._v(" (property in "),a("code",[t._v("grid")]),t._v(") is used.")]),t._v(" "),a("p",[t._v("You can use "),a("code",[t._v("%")]),t._v(", "),a("code",[t._v("calc()")]),t._v(" or "),a("code",[t._v("auto")]),t._v(" by setting a string to the "),a("code",[t._v("width")]),t._v(" property.")]),t._v(" "),a("p",[t._v("You can also set the minimum and maximum widths by setting the "),a("code",[t._v("minWidth")]),t._v(" and "),a("code",[t._v("maxWidth")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n maxWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"10%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"50px"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n maxWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"50%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"120px"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"120px"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"calc(60% - 110px)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"120px"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultColWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/44.6f0ff086.js b/documents/assets/js/44.6f0ff086.js
new file mode 100644
index 000000000..0a830d99f
--- /dev/null
+++ b/documents/assets/js/44.6f0ff086.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{438:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("You can set an event listener using the "),a("code",[t._v("listen(type, listener)")]),t._v(" method.")]),t._v(" "),a("p",[t._v("Please get the event type from "),a("a",{attrs:{href:"https://future-architect.github.io/cheetah-grid/documents/tsdoc/interfaces/listgidevents.html",target:"_blank",rel:"noopener noreferrer"}},[a("code",[t._v("cheetahGrid.ListGrid.EVENT_TYPE")]),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Event logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("textarea")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("include-mouse"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("checkbox"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Include mousemove,mouseenter,mouseleave in the log"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lang "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("language "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("userLanguage "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("browserLanguage"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toLocaleString")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("lang"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"long"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("log")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("typeName"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" el "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nEvent: ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("typeName"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(" , args (")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("args\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("stringify"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("join")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLCLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLTAP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEDOWN_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEUP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SELECTED_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("KEYDOWN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEMOVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEENTER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSELEAVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEOVER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEOUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("INPUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("PASTE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("RESIZE_COLUMN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SCROLL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLCLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLCLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLTAP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLTAP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEDOWN_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEDOWN_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEUP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEUP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SELECTED_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SELECTED_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("KEYDOWN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("KEYDOWN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("INPUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("INPUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("PASTE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("PASTE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("RESIZE_COLUMN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("RESIZE_COLUMN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SCROLL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SCROLL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEMOVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".include-mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("checked"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEMOVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEENTER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".include-mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("checked"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEENTER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSELEAVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".include-mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("checked"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSELEAVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br"),a("span",{staticClass:"line-number"},[t._v("81")]),a("br"),a("span",{staticClass:"line-number"},[t._v("82")]),a("br"),a("span",{staticClass:"line-number"},[t._v("83")]),a("br"),a("span",{staticClass:"line-number"},[t._v("84")]),a("br"),a("span",{staticClass:"line-number"},[t._v("85")]),a("br"),a("span",{staticClass:"line-number"},[t._v("86")]),a("br"),a("span",{staticClass:"line-number"},[t._v("87")]),a("br"),a("span",{staticClass:"line-number"},[t._v("88")]),a("br"),a("span",{staticClass:"line-number"},[t._v("89")]),a("br"),a("span",{staticClass:"line-number"},[t._v("90")]),a("br"),a("span",{staticClass:"line-number"},[t._v("91")]),a("br"),a("span",{staticClass:"line-number"},[t._v("92")]),a("br"),a("span",{staticClass:"line-number"},[t._v("93")]),a("br"),a("span",{staticClass:"line-number"},[t._v("94")]),a("br")])])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Event Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CLICK_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell was clicked.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.DBLCLICK_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell was double-clicked.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.DBLTAP_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell was double-taped.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEDOWN_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when pointing device button is pressed in a cell.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEUP_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when pointing device button is released in a cell.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.SELECTED_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell selection state has changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.KEYDOWN")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires key-downed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEMOVE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEENTER_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSELEAVE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEOVER_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEOUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CONTEXTMENU_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the user attempts to open a context menu in the cell.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.INPUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.PASTE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.DELETE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.EDITABLEINPUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MODIFY_STATUS_EDITABLEINPUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.RESIZE_COLUMN")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the column width has changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.SCROLL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when scrolled.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.FOCUS_GRID")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when grid focus is activated.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.BLUR_GRID")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when grid focus is inactivated.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.BEFORE_CHANGE_VALUE")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Notifies that before the cell value changes.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CHANGED_VALUE")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell value was changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CHANGED_HEADER_VALUE")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the header cell value was changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.REJECTED_PASTE_VALUES")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Notifies that the pasted value has been rejected.")])])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/45.5be77374.js b/documents/assets/js/45.5be77374.js
new file mode 100644
index 000000000..01c8d95d7
--- /dev/null
+++ b/documents/assets/js/45.5be77374.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{439:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"filterdatasource"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#filterdatasource"}},[t._v("#")]),t._v(" FilterDataSource")]),t._v(" "),a("p",[t._v("Filtering the data to be displayed using "),a("code",[t._v("FilterDataSource")]),t._v("."),a("br"),t._v("\nGenerate a "),a("code",[t._v("FilterDataSource")]),t._v(" instance by passing "),a("code",[t._v("DataSource")]),t._v(" as the constructor argument."),a("br"),t._v("\nIf you want to generate from array, describe as "),a("code",[t._v("new cheetahGrid.data.FilterDataSource(cheetahGrid.data.DataSource.ofArray(array))")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Filter:"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1-filter-input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * @type {DataSource}\n */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" personsDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersonsDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("FilterDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n personsDataSource\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" d "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getFullYear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMonth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* button column */")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" input "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1-filter-input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ninput"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("filter "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterValue\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// filtering method")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" k "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("k"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("indexOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("filterValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Please call `invalidate()`")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-promises"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-promises"}},[t._v("#")]),t._v(" Using "),a("code",[t._v("Promise")]),t._v("s")]),t._v(" "),a("p",[t._v("This feature is available even if record data is "),a("code",[t._v("Promise")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Filter:"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2-filter-input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" personsDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("get record:")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" d "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getFullYear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMonth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* button column */")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("FilterDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n personsDataSource\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" input "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2-filter-input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ninput"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("filter "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterValue\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// filtering method")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" k "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("k"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("indexOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("filterValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Please call `invalidate()`")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/46.a930d057.js b/documents/assets/js/46.a930d057.js
new file mode 100644
index 000000000..b7b4d885d
--- /dev/null
+++ b/documents/assets/js/46.a930d057.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{440:function(s,t,a){"use strict";a.r(t);var n=a(52),e=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"grid-data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#grid-data"}},[s._v("#")]),s._v(" Grid Data")]),s._v(" "),a("p",[s._v("Can use the "),a("code",[s._v("Array")]),s._v(" object or "),a("code",[s._v("cheetahGrid.data.DataSource")]),s._v(" object for grid data.")]),s._v(" "),a("h2",{attrs:{id:"using-array-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-array-object"}},[s._v("#")]),s._v(" Using "),a("code",[s._v("Array")]),s._v(" object")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("250")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// set array records")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sophia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Hill"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sophia_hill@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Aubrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Martin"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"aubrey_martin@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Avery"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Jones"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"avery_jones@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joseph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Rodriguez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joseph_rodriguez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Samuel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Campbell"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"samuel_campbell@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joshua"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ortiz"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joshua_ortiz@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Mia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Foster"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mia_foster@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Landon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Lopez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"landon_lopez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Audrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cox"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"audrey_cox@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Anna"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ramirez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anna_ramirez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"using-cheetahgrid-data-datasource-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-cheetahgrid-data-datasource-object"}},[s._v("#")]),s._v(" Using "),a("code",[s._v("cheetahGrid.data.DataSource")]),s._v(" object")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define cache")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" array "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("getPerson")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("index")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n array"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("||")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("array"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("250")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Get record method")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("getPerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Number of records")]),s._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br")])])]),s._v(" "),a("p",[a("code",[s._v("cheetahGrid.data.DataSource")]),s._v(" has subclasses\n"),a("code",[s._v("cheetahGrid.data.CachedDataSource")]),s._v(" and "),a("RouterLink",{attrs:{to:"/api/js/grid_data/FilterDataSource.html"}},[a("code",[s._v("cheetahGrid.data.FilterDataSource")])])],1),s._v(" "),a("p",[a("code",[s._v("CachedDataSource")]),s._v(" has the ability to cache the return value if the record is a "),a("code",[s._v("Promise")]),s._v(" object.\nIf you know that the record does not become "),a("code",[s._v("Promise")]),s._v(", you can use "),a("code",[s._v("DataSource")]),s._v(",\nIn this case it is recommended to use "),a("code",[s._v("CachedDataSource")]),s._v(" as "),a("code",[s._v("CachedDataSource")]),s._v(" does not change in behavior.")])],1)}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/47.ab256928.js b/documents/assets/js/47.ab256928.js
new file mode 100644
index 000000000..76ae68eac
--- /dev/null
+++ b/documents/assets/js/47.ab256928.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{441:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"using-promises"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-promises"}},[t._v("#")]),t._v(" Using "),a("code",[t._v("Promise")]),t._v("s")]),t._v(" "),a("p",[t._v("Cheetah Grid supports "),a("code",[t._v("Promise")]),t._v(" object.\nWe suppose the situations below as a example.")]),t._v(" "),a("ul",[a("li",[t._v("Get the record informations as deferred"),a("br"),t._v("\nGet and show a few records in first view. Remaining records are shown when scrolled.")]),t._v(" "),a("li",[t._v("Get the cell informations as deferred"),a("br"),t._v("\nGet and show the important informations in first view. Remaining details are shown later.")])]),t._v(" "),a("h2",{attrs:{id:"promise-records"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#promise-records"}},[t._v("#")]),t._v(" "),a("code",[t._v("Promise")]),t._v(" Records")]),t._v(" "),a("p",[t._v("Shows usage below.")]),t._v(" "),a("p",[t._v("In this example grid shows 1,000 recors as a whole. Getting 100 records by each ajax is supposed.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("rec_sample_log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("readonly")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\najax logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("textarea")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("rec_sample demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br")])]),a("p",[a("code",[t._v("getRecordsWithAjax")]),t._v(" in example code returns "),a("code",[t._v("Promise")]),t._v(" object which get 100 records by ajax.")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getRecordsWithAjax")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" num")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" num"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("startIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" log "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".rec_sample_log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nAcquire ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("num"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(" data from index ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create DataSource")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadedData "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadStartIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" promiseObject "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRecordsWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// return Promise Object")]),t._v("\n loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" promiseObject"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//all records count")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create cheetahGrid")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".rec_sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// set dataSource")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"promise-cells"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#promise-cells"}},[t._v("#")]),t._v(" "),a("code",[t._v("Promise")]),t._v(" Cells")]),t._v(" "),a("p",[t._v("Example below shows Person data. Department informations are shown later by ajax.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cell_sample_log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("readonly")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\najax logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("textarea")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cell_sample demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br")])]),a("p",[a("code",[t._v("getPersonDeptWithAjax")]),t._v(" in example code returns "),a("code",[t._v("Promise")]),t._v(" object which get department information by ajax.")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" depts "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"General Affairs"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Personal"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"General Accounting"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Sales"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Sales Promotion"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Procurement"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Development"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Engineering"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Manufacturing"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Procurement"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Export"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Public Relations"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Information & Research"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Legal"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Advertising"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Planning"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Secretary"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getPersonDeptWithAjax")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("personid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dept "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" depts"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("random")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" depts"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" log "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".cell_sample_log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nAcquire department data of personid: ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(". => department: ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("dept"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dept"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".cell_sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getPersonDeptWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// return Promise Object")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Department"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/48.6f1843d8.js b/documents/assets/js/48.6f1843d8.js
new file mode 100644
index 000000000..c0c95eb01
--- /dev/null
+++ b/documents/assets/js/48.6f1843d8.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{442:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-headers-and-columns"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-headers-and-columns"}},[t._v("#")]),t._v(" Define Headers and Columns")]),t._v(" "),a("h2",{attrs:{id:"standard-column"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column"}},[t._v("#")]),t._v(" Standard Column")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("header")]),t._v(" property, the property of "),a("code",[t._v("cheetahGrid.ListGrid")]),t._v(", decides the behave and appearance of columns and header cells."),a("br"),t._v("\nWe can set this property by constructor arguments or instance property.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("header")]),t._v(" property must be set by objects array ("),a("code",[t._v("Array<object>")]),t._v(")."),a("br"),t._v("\nIn the standard definition, each object consists of following properties.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("LINK")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("caption")]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[t._v("define the header caption")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[t._v("field")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("function")]),t._v(" | "),a("code",[t._v("{get:function,set?:function}")])]),t._v(" "),a("td",[t._v("define the field name, getter function, or accessor object of the record to display in the cell")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[t._v("width")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("define the width of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_width.html"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("minWidth")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("define the minimum width of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_width.html"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("maxWidth")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("define the maximum width of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_width.html"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("columnType")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")])]),t._v(" "),a("td",[t._v("define the type of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("style")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")]),t._v(" | "),a("code",[t._v("function")])]),t._v(" "),a("td",[t._v("define the style of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")])]),t._v(" "),a("td",[t._v("define the action of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/"}},[t._v("link")])],1)])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*\n record object properties\n {\n personid: 'ID',\n fname: 'First Name',\n lname: 'Last Name',\n email: 'Email',\n birthday: 'birthday',\n }\n */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"field-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#field-property"}},[t._v("#")]),t._v(" "),a("code",[t._v("field")]),t._v(" property")]),t._v(" "),a("p",[a("code",[t._v("field")]),t._v(" is one of the most basic properties. It provides the data to display from the record to the cell.\nYou can choose and define one of the 3 formats.")]),t._v(" "),a("h4",{attrs:{id:"string-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#string-format"}},[t._v("#")]),t._v(" string format")]),t._v(" "),a("p",[t._v("Define the property name to get the cell data from the record as a string.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])]),a("h4",{attrs:{id:"function-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#function-format"}},[t._v("#")]),t._v(" function format")]),t._v(" "),a("p",[t._v("Define the getter function that get the cell data from the record.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])]),a("h4",{attrs:{id:"object-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#object-format"}},[t._v("#")]),t._v(" object format")]),t._v(" "),a("p",[t._v("Define an object with a getter function that gets the cell data from the record and a setter function that sets the cell data to the record.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" newValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br")])]),a("h2",{attrs:{id:"multiple-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multiple-header"}},[t._v("#")]),t._v(" Multiple Header")]),t._v(" "),a("p",[t._v("To use multiple header, set the hierarchical structured Object to the "),a("code",[t._v("header")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* multiple header */")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/49.c48ade93.js b/documents/assets/js/49.c48ade93.js
new file mode 100644
index 000000000..37b420fa4
--- /dev/null
+++ b/documents/assets/js/49.c48ade93.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{443:function(t,e,l){"use strict";l.r(e);var a=l(52),i=Object(a.a)({},(function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[l("h1",{attrs:{id:"options-and-properties"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#options-and-properties"}},[t._v("#")]),t._v(" Options and Properties")]),t._v(" "),l("h2",{attrs:{id:"cheetahgrid-listgrid"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#cheetahgrid-listgrid"}},[t._v("#")]),t._v(" "),l("code",[t._v("cheetahGrid.ListGrid")])]),t._v(" "),l("h3",{attrs:{id:"constructor-options"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#constructor-options"}},[t._v("#")]),t._v(" Constructor Options")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("Property")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("header")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("HeadersDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Define simple headers and layout. This property cannot be used with the "),l("code",[t._v("layout")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/headers_columns.html"}},[t._v("Define Headers and Columns")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("layout")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("LayoutDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Define advanced headers and layout. This property cannot be used with the "),l("code",[t._v("header")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/advanced_layout/"}},[t._v("Advanced Layout")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("records")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Array")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Records. This property cannot be used with the "),l("code",[t._v("dataSource")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/grid_data/"}},[t._v("Grid Data")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("dataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("DataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("The data source that supplies the records. This property cannot be used with the "),l("code",[t._v("records")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/grid_data/"}},[t._v("Grid Data")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("parentElement")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("HTMLElement")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the parent element.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("frozenColCount")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the number of columns to be frozen to the left.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultRowHeight")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the default grid rows height.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultColWidth")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the default grid columns width.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("headerRowHeight")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number[] / number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the header row(s) height.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("theme")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("ThemeDefine / string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the theme. See "),l("RouterLink",{attrs:{to:"/api/js/theme.html"}},[t._v("Theme")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("font")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the default font.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("underlayBackgroundColor")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the underlay background color.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("allowRangePaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to allow pasting of the range. See "),l("RouterLink",{attrs:{to:"/api/js/options/allowRangePaste.html"}},[t._v("Examples of allowRangePaste")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("trimOnPaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(", trim the pasted text on pasting.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("disableColumnResize")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to disable column resize.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.moveCellOnTab")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean / function")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.moveCellOnEnter")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean / function")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.deleteCellValueOnDel")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable enable deletion of cell values with the Del and BS keys.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.selectAllOnCtrlA")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable select all cells by Ctrl + A key.")])])])]),t._v(" "),l("h3",{attrs:{id:"properties"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("Property")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("header")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("HeadersDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("layout")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("LayoutDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("records")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Array")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("dataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("DataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("frozenColCount")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultRowHeight")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultColWidth")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("theme")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("ThemeDefine / string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("font")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("underlayBackgroundColor")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("allowRangePaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("trimOnPaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("object")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("sortState")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("SortState")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Sort state.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("headerValues")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Map")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("A map of the values entered in the header.")])])])])])}),[],!1,null,null,null);e.default=i.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/5.4c5a3b22.js b/documents/assets/js/5.4c5a3b22.js
new file mode 100644
index 000000000..77349d1a0
--- /dev/null
+++ b/documents/assets/js/5.4c5a3b22.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{360:function(t,e,n){},394:function(t,e,n){"use strict";n(360)},474:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(394),n(52)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/50.676259e4.js b/documents/assets/js/50.676259e4.js
new file mode 100644
index 000000000..32a482786
--- /dev/null
+++ b/documents/assets/js/50.676259e4.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{444:function(s,t,a){"use strict";a.r(t);var n=a(52),r=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"examples-of-allowrangepaste"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#examples-of-allowrangepaste"}},[s._v("#")]),s._v(" Examples of "),a("code",[s._v("allowRangePaste")])]),s._v(" "),a("ul",[a("li",[s._v("Simple Layout")])]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Empty"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n allowRangePaste"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Allow pasting of range.")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"selected"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("80")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sophia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Hill"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sophia_hill@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Aubrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Martin"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"aubrey_martin@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Avery"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Jones"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"avery_jones@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joseph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Rodriguez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joseph_rodriguez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Samuel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Campbell"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"samuel_campbell@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joshua"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ortiz"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joshua_ortiz@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Mia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Foster"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mia_foster@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Landon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Lopez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"landon_lopez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Audrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cox"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"audrey_cox@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Anna"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ramirez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anna_ramirez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br")])])]),s._v(" "),a("ul",[a("li",[s._v("Advanced Layout")])]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample2 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Empty"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n allowRangePaste"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Allow pasting of range.")]),s._v("\n layout"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("80")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n body"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"selected"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sophia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Hill"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sophia_hill@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Aubrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Martin"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"aubrey_martin@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Avery"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Jones"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"avery_jones@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joseph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Rodriguez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joseph_rodriguez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Samuel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Campbell"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"samuel_campbell@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joshua"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ortiz"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joshua_ortiz@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Mia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Foster"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mia_foster@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Landon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Lopez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"landon_lopez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Audrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cox"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"audrey_cox@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Anna"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ramirez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anna_ramirez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"cautionary-notes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cautionary-notes"}},[s._v("#")]),s._v(" Cautionary Notes")]),s._v(" "),a("p",[s._v("Even if you set "),a("code",[s._v("validator")]),s._v(" or "),a("code",[s._v("inputValidator")]),s._v(" using "),a("RouterLink",{attrs:{to:"/api/js/column_actions/SmallDialogInputEditor.html"}},[s._v("SmallDialogInputEditor")]),s._v(", overwrites the pasted value even if the value is invalid."),a("br"),s._v("\nUse "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[s._v("Cell Message API")]),s._v(" to notify the user of an invalid value.")],1),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample3 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n allowRangePaste"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Allow pasting of range.")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("inputValidator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("isNaN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Not a number."')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("isNaN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Not a number."')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=r.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/51.a584af06.js b/documents/assets/js/51.a584af06.js
new file mode 100644
index 000000000..6ef685797
--- /dev/null
+++ b/documents/assets/js/51.a584af06.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{445:function(t,e,n){"use strict";n.r(e);var i=n(52),v=Object(i.a)({},(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"keyboardoptions"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#keyboardoptions"}},[t._v("#")]),t._v(" keyboardOptions")]),t._v(" "),n("p",[t._v("You can set the keyboard operation.")]),t._v(" "),n("h2",{attrs:{id:"focus-and-edit"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#focus-and-edit"}},[t._v("#")]),t._v(" Focus and Edit")]),t._v(" "),n("p",[t._v("If not set, the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply selection and exit select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"movecellontab"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#movecellontab"}},[t._v("#")]),t._v(" "),n("code",[t._v("moveCellOnTab")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable cell movement by "),n("code",[t._v("Tab")]),t._v(" key."),n("br"),t._v("\nIf "),n("code",[t._v("keyboardOptions.moveCellOnTab")]),t._v(" is set to "),n("code",[t._v("true")]),t._v(", the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply selection and exit select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"movecellonenter"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#movecellonenter"}},[t._v("#")]),t._v(" "),n("code",[t._v("moveCellOnEnter")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable cell movement by "),n("code",[t._v("Enter")]),t._v(" key."),n("br"),t._v("\nIf "),n("code",[t._v("keyboardOptions.moveCellOnEnter")]),t._v(" is set to "),n("code",[t._v("true")]),t._v(", the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"deletecellvalueondel"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#deletecellvalueondel"}},[t._v("#")]),t._v(" "),n("code",[t._v("deleteCellValueOnDel")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable enable deletion of cell values with the "),n("code",[t._v("Del")]),t._v(" and "),n("code",[t._v("BS")]),t._v(" keys."),n("br"),t._v("\nIf "),n("code",[t._v("keyboardOptions.deleteCellValueOnDel")]),t._v(" is set to "),n("code",[t._v("true")]),t._v(", the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value")]),t._v(", if the cell value can be empty.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value")]),t._v(", if the cell value can be empty.")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"selectallonctrla"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#selectallonctrla"}},[t._v("#")]),t._v(" "),n("code",[t._v("selectAllOnCtrlA")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable selectt all cells by "),n("code",[t._v("Ctrl + A")]),t._v(".")])])}),[],!1,null,null,null);e.default=v.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/52.aac08140.js b/documents/assets/js/52.aac08140.js
new file mode 100644
index 000000000..772bbc9f8
--- /dev/null
+++ b/documents/assets/js/52.aac08140.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{446:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"selection-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#selection-property"}},[t._v("#")]),t._v(" Selection Property")]),t._v(" "),a("p",[t._v("You can get the area selected by the user from the "),a("code",[t._v("selection")]),t._v(" property.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Exp.")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("selection.select")])]),t._v(" "),a("td",[t._v("You can get the selection start position with Object. The "),a("code",[t._v("row")]),t._v(" in the Object is the INDEX line containing the header.")]),t._v(" "),a("td",[a("code",[t._v('{"col": 0, "row": 0}')])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("selection.range")])]),t._v(" "),a("td",[t._v("You can get the selection range with Object. The "),a("code",[t._v("row")]),t._v(" in the Object is the INDEX line containing the header.")]),t._v(" "),a("td",[a("code",[t._v('{"start": {"col": 0, "row": 0}, "end": {"col": 2, "row": 2}}')])])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("button"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("SHOW SELECTION"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("pre")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" #fff")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("result"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("pre")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"click"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" select"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" range "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("selection"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".result"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\nselect:\n---\n")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("select"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(",\n---\n\nrange:\n---\n")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("range"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(",\n---")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lang "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("language "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("userLanguage "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("browserLanguage"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toLocaleString")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("lang"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"long"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/53.6b347f4f.js b/documents/assets/js/53.6b347f4f.js
new file mode 100644
index 000000000..9003d5550
--- /dev/null
+++ b/documents/assets/js/53.6b347f4f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{400:function(t,s,a){"use strict";a.r(s);a(182),a(181);var n=[];function e(t){var s=generatePersons(100),a=new cheetahGrid.ListGrid({parentElement:t,header:[{field:"check",caption:"",width:50,columnType:"check",action:"check"},{field:"personid",caption:"ID",width:100},{caption:"name",columns:[{field:"fname",caption:"First Name",width:200,sort:!0},{field:"lname",caption:"Last Name",width:200,sort:!0}]},{field:"email",caption:"Email",width:250,sort:!0,style:function(t){if(s.indexOf(t)%3==2)return{indicatorTopLeft:"triangle"}}},{field:function(t){var s=t.birthday;return"".concat(s.getFullYear(),"/").concat(s.getMonth()+1,"/").concat(s.getDate())},caption:"birthday",width:100,message:function(t){switch(s.indexOf(t)%3){case 0:return{type:"info",message:"Info Message."};case 1:return{type:"warning",message:"Warn Message."}}return{type:"error",message:"Error Message."}}},{caption:"button",width:120,columnType:new cheetahGrid.columns.type.ButtonColumn({caption:"SHOW REC"}),action:new cheetahGrid.columns.action.ButtonAction({action:function(t){alert(JSON.stringify(t))}})}],frozenColCount:2,records:s});return n.push(a),a}var r={data:function(){return{createGrid:e,girdInstances:n}},beforeDestroy:function(){cheetahGrid.themes.default="MATERIAL_DESIGN"}},p=a(52),o=Object(p.a)(r,(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"theme"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#theme"}},[t._v("#")]),t._v(" Theme")]),t._v(" "),a("p",[t._v("Can set theme to Cheetah Grid."),a("br"),t._v("\nCan settings for grid instance or global.")]),t._v(" "),a("h2",{attrs:{id:"grid-instance"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#grid-instance"}},[t._v("#")]),t._v(" Grid instance")]),t._v(" "),a("p",[t._v("Set a theme to the "),a("code",[t._v("theme")]),t._v(" property of the grid instance."),a("br"),t._v("\nBuilt-in themes are "),a("code",[t._v("MATERIAL_DESIGN")]),t._v(" and "),a("code",[t._v("BASIC")]),t._v(".")]),t._v(" "),a("code-preview",{attrs:{data:{createGrid:t.createGrid}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("theme-select1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("unset"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".theme-select1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("choices"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* The `theme` property of the grid instance can also be set as a string. */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// grid.theme = themeSelect.value;")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onchange")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"global"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#global"}},[t._v("#")]),t._v(" Global")]),t._v(" "),a("p",[t._v("Set a theme to the "),a("code",[t._v("cheetahGrid.themes.default")]),t._v(" property.\n(default MATERIAL_DESIGN.)")]),t._v(" "),a("code-preview",{attrs:{data:{createGrid:t.createGrid,girdInstances:t.girdInstances}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("theme-select2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[t._v("vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".theme-select2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("default "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("choices"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// redraw all the grids")]),t._v("\n vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("girdInstances"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onchange")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"extend-theme"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#extend-theme"}},[t._v("#")]),t._v(" Extend theme")]),t._v(" "),a("p",[t._v("To extend the theme, do as follows.")]),t._v(" "),a("code-preview",{attrs:{data:{createGrid:t.createGrid}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" userTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#EAA"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n selectionBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDA"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n highlightBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n underlayBackgroundColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FEE"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You can also change the theme apply in the state by using callback.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("frozenRowsBorderColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" frozenRowCount "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("frozenRowCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right and left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("borderColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" colCount "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("colCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top and bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right and left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n highlightBorderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FD5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkbox"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n uncheckBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(255, 73, 72)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n button"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F55"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"16px sans-serif"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n sortArrowColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#D00"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n messages"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n infoBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"gray"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n errorBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n warnBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"yellow"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n boxWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n markHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n indicators"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n topLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=o.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/54.397b1599.js b/documents/assets/js/54.397b1599.js
new file mode 100644
index 000000000..076526803
--- /dev/null
+++ b/documents/assets/js/54.397b1599.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{447:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"api-for-vue-js"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#api-for-vue-js"}},[t._v("#")]),t._v(" API for Vue.js")]),t._v(" "),s("h2",{attrs:{id:"available-vue-components"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#available-vue-components"}},[t._v("#")]),t._v(" Available Vue Components")]),t._v(" "),s("p",[t._v("Please refer "),s("RouterLink",{attrs:{to:"/api/vue/components/"}},[t._v("Available Vue Components")])],1),t._v(" "),s("h2",{attrs:{id:"template"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#template"}},[t._v("#")]),t._v(" Template")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br")])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/55.da2aee49.js b/documents/assets/js/55.da2aee49.js
new file mode 100644
index 000000000..1cfc0947d
--- /dev/null
+++ b/documents/assets/js/55.da2aee49.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{448:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"advanced-layout"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#advanced-layout"}},[t._v("#")]),t._v(" Advanced Layout")]),t._v(" "),s("p",[t._v("You can use the "),s("code",[t._v("layout-header")]),t._v(" slot and the "),s("code",[t._v("layout-body")]),t._v(" slot to define advanced header and record layouts.")]),t._v(" "),s("p",[t._v("For example:")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-header"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Birthday"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("getBirthday"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br"),s("span",{staticClass:"line-number"},[t._v("43")]),s("br"),s("span",{staticClass:"line-number"},[t._v("44")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*\n record object properties\n {\n personid: 'ID',\n fname: 'First Name',\n lname: 'Last Name',\n email: 'Email',\n birthday: 'birthday',\n }\n */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br")])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/56.9113003f.js b/documents/assets/js/56.9113003f.js
new file mode 100644
index 000000000..376420b73
--- /dev/null
+++ b/documents/assets/js/56.9113003f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{449:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgrid"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgrid"}},[t._v("#")]),t._v(" CGrid")]),t._v(" "),s("p",[t._v("Defines the Grid.")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the simple header definition."),s("br"),t._v("\nThe definition is set to "),s("code",[t._v("header")]),t._v(" property described in "),s("RouterLink",{attrs:{to:"/api/js/headers_columns.html"}},[t._v("Define Headers and Columns")])],1),t._v(" "),s("h3",{attrs:{id:"layout-header-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#layout-header-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("layout-header")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the layout header definition."),s("br"),t._v("\nUse this slot in combination with the "),s("code",[t._v("layout-body")]),t._v(" slot."),s("br"),t._v("\nThe definition is set to "),s("code",[t._v("layout.header")]),t._v(" property described in "),s("RouterLink",{attrs:{to:"/api/js/advanced_layout/"}},[t._v("Advanced Layout")]),t._v(".")],1),t._v(" "),s("h3",{attrs:{id:"layout-body-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#layout-body-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("layout-body")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the layout body definition."),s("br"),t._v("\nUse this slot in combination with the "),s("code",[t._v("layout-header")]),t._v(" slot."),s("br"),t._v("\nThe definition is set to "),s("code",[t._v("layout.body")]),t._v(" property described in "),s("RouterLink",{attrs:{to:"/api/js/advanced_layout/"}},[t._v("Advanced Layout")]),t._v(".")],1),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("data")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("Array")]),t._v("|"),s("code",[t._v("object")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a records or data source.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("frozen-col-count")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a frozen col Count")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("0")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-row-height")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("Array")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the header row height(s)")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("allow-range-paste")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Allow pasting of range.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("trim-on-paste")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Trim the pasted text on pasting.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("default-row-height")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Default grid row height.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("default-col-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Default grid col width.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a records filter")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("font")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Default font.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("underlay-background-color")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Underlay background color.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("theme")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the grid theme")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("move-cell-on-tab-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("false")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("move-cell-on-enter-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("false")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("delete-cell-value-on-del-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable enable deletion of cell values with the Del and BS keys.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("select-all-on-ctrl-a-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable select all cells by Ctrl + A key.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("disable-column-resize")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to disable column resizing")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("options")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a raw options for Cheetah Grid")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"examples-of-using-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples-of-using-properties"}},[t._v("#")]),t._v(" Examples of using Properties")]),t._v(" "),s("h3",{attrs:{id:"theme"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#theme"}},[t._v("#")]),t._v(" theme")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":theme")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("userTheme"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- set theme --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":sort")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("First Name"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":sort")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Last Name"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"App"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// you can set the theme name or object.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// userTheme: 'BASIC',")]),t._v("\n userTheme"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#2c3e50"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#2c3e50"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsBgColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#40b883"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsBorderColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkbox"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkBgColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n button"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FFF"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bgColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#2c3e50"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"data"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" Data")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Initial Value")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("headerValues")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Map<any, any>")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("new Map()")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Header values.")])])])]),t._v(" "),s("h2",{attrs:{id:"events"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("click-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Click on cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("dblclick-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Doubleclick on cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("selected-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Selected cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("paste-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Paste on cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("changed-value")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Changed value.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("changed-header-value")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Changed header value.")])])])]),t._v(" "),s("p",[t._v("and more...")]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),s("p",[t._v("The events for which the column can be identified emit the same event to each column definition component."),s("br"),t._v("\ne.g. "),s("code",[t._v("<c-grid-column>")])])]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click-cell")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickCell($event, "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v(")"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click-cell")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickCell($event, "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("First Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v(")"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click-cell")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickCell($event, "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("Last Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v(")"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickCell")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("event"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" colName")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Click at "')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" colName "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('": $event="')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("updateSize")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Apply the changed size.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("updateScroll")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Apply the changed scroll size.")])])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/57.d2704f70.js b/documents/assets/js/57.d2704f70.js
new file mode 100644
index 000000000..d8bd1f10c
--- /dev/null
+++ b/documents/assets/js/57.d2704f70.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[57],{450:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridbranchgraphcolumn"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridbranchgraphcolumn"}},[t._v("#")]),t._v(" CGridBranchGraphColumn")]),t._v(" "),s("p",[t._v("Defines branch graph column.")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid large"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-branch-graph-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("cache")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("command"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Graph\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-branch-graph-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"tag"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" tag"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"v1.1.0"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"merge"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"merge"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop3"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop3"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop3"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"merge"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"tag"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" tag"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"v1.0.0"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br"),s("span",{staticClass:"line-number"},[t._v("43")]),s("br"),s("span",{staticClass:"line-number"},[t._v("44")]),s("br"),s("span",{staticClass:"line-number"},[t._v("45")]),s("br"),s("span",{staticClass:"line-number"},[t._v("46")]),s("br"),s("span",{staticClass:"line-number"},[t._v("47")]),s("br"),s("span",{staticClass:"line-number"},[t._v("48")]),s("br"),s("span",{staticClass:"line-number"},[t._v("49")]),s("br"),s("span",{staticClass:"line-number"},[t._v("50")]),s("br"),s("span",{staticClass:"line-number"},[t._v("51")]),s("br"),s("span",{staticClass:"line-number"},[t._v("52")]),s("br"),s("span",{staticClass:"line-number"},[t._v("53")]),s("br"),s("span",{staticClass:"line-number"},[t._v("54")]),s("br"),s("span",{staticClass:"line-number"},[t._v("55")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the header caption")]),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),s("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),s("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("''")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("cache")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Enable cache")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),s("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),s("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),s("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),s("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),s("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),s("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("start")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a start type")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/58.0016a6bc.js b/documents/assets/js/58.0016a6bc.js
new file mode 100644
index 000000000..b4c5acade
--- /dev/null
+++ b/documents/assets/js/58.0016a6bc.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[58],{451:function(t,a,e){"use strict";e.r(a);var s=e(52),n=Object(s.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cgridbuttoncolumn"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cgridbuttoncolumn"}},[t._v("#")]),t._v(" CGridButtonColumn")]),t._v(" "),e("p",[t._v("Defines button column.")]),t._v(" "),e("h2",{attrs:{id:"vue-template-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),e("code-preview",[e("div",{staticClass:"language-vue line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-vue"}},[e("code",[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("FIXED LABEL"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Button1\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-button-column")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("buttonCaption"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Button2\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-button-column")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br"),e("span",{staticClass:"line-number"},[t._v("19")]),e("br"),e("span",{staticClass:"line-number"},[t._v("20")]),e("br")])]),e("div",{staticClass:"language-js line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON1"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON2"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON3"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON4"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON5"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])])]),t._v(" "),e("h2",{attrs:{id:"slots"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),e("h3",{attrs:{id:"default-slot"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),e("code",[t._v("default")]),t._v(" slot")]),t._v(" "),e("p",[t._v("Use this slot to set the header caption")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"optional-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),e("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a button caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),e("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),e("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),e("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),e("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),e("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("click")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Fired when a click on cell.")])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/59.a7bc6277.js b/documents/assets/js/59.a7bc6277.js
new file mode 100644
index 000000000..f98328bcc
--- /dev/null
+++ b/documents/assets/js/59.a7bc6277.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[59],{452:function(t,a,e){"use strict";e.r(a);var s=e(52),n=Object(s.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cgridcheckcolumn"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cgridcheckcolumn"}},[t._v("#")]),t._v(" CGridCheckColumn")]),t._v(" "),e("p",[t._v("Defines checkbox column.")]),t._v(" "),e("h2",{attrs:{id:"vue-template-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),e("code-preview",[e("div",{staticClass:"language-vue line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-vue"}},[e("code",[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Check1\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-check-column")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c2"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Check2\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-check-column")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])]),e("div",{staticClass:"language-js line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])])]),t._v(" "),e("h2",{attrs:{id:"slots"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),e("h3",{attrs:{id:"default-slot"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),e("code",[t._v("default")]),t._v(" slot")]),t._v(" "),e("p",[t._v("Use this slot to set the header caption")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"optional-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),e("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),e("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),e("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),e("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),e("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),e("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/6.6042c4d2.js b/documents/assets/js/6.6042c4d2.js
new file mode 100644
index 000000000..ef6413008
--- /dev/null
+++ b/documents/assets/js/6.6042c4d2.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{361:function(t,e,a){},395:function(t,e,a){"use strict";a(361)},402:function(t,e,a){"use strict";a.r(e);var n={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(a(395),a(52)),s=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/60.410cf1d2.js b/documents/assets/js/60.410cf1d2.js
new file mode 100644
index 000000000..8b4a3588e
--- /dev/null
+++ b/documents/assets/js/60.410cf1d2.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{453:function(t,e,a){"use strict";a.r(e);var s=a(52),n=Object(s.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridcolumn"}},[t._v("#")]),t._v(" CGridColumn")]),t._v(" "),a("p",[t._v("Defines column.")]),t._v(" "),a("h2",{attrs:{id:"vue-template-structure"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("column-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);e.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/61.1699ff8f.js b/documents/assets/js/61.1699ff8f.js
new file mode 100644
index 000000000..44ab813c6
--- /dev/null
+++ b/documents/assets/js/61.1699ff8f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{454:function(t,a,s){"use strict";s.r(a);var e=s(52),n=Object(e.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridcolumngroup"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridcolumngroup"}},[t._v("#")]),t._v(" CGridColumnGroup")]),t._v(" "),s("p",[t._v("Defines multiple header."),s("br"),t._v("\nCan be used in the "),s("code",[t._v("default")]),t._v(" slot of "),s("code",[t._v("CGrid")]),t._v(".")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the children columns definition")]),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("''")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),s("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),s("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/62.1fe9658c.js b/documents/assets/js/62.1fe9658c.js
new file mode 100644
index 000000000..2792b30d2
--- /dev/null
+++ b/documents/assets/js/62.1fe9658c.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{455:function(t,a,s){"use strict";s.r(a);var e=s(52),n=Object(e.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridheader"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridheader"}},[t._v("#")]),t._v(" CGridHeader")]),t._v(" "),s("p",[t._v("Defines layout header."),s("br"),t._v("\nCan be used in the "),s("code",[t._v("layout-header")]),t._v(" slot of "),s("code",[t._v("CGrid")]),t._v(".")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-header"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the header caption")]),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("''")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),s("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),s("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/63.6f1746dd.js b/documents/assets/js/63.6f1746dd.js
new file mode 100644
index 000000000..a123e9238
--- /dev/null
+++ b/documents/assets/js/63.6f1746dd.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{456:function(t,e,a){"use strict";a.r(e);var i=a(52),n=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridiconcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridiconcolumn"}},[t._v("#")]),t._v(" CGridIconColumn")]),t._v(" "),a("p",[t._v("Defines icon column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-class-name")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon class name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-content")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon content")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-name")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-tag-name")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon tag name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/64.d2e835d4.js b/documents/assets/js/64.d2e835d4.js
new file mode 100644
index 000000000..fe69849be
--- /dev/null
+++ b/documents/assets/js/64.d2e835d4.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{457:function(t,e,a){"use strict";a.r(e);var i=a(52),l=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridinputcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridinputcolumn"}},[t._v("#")]),t._v(" CGridInputColumn")]),t._v(" "),a("p",[t._v("Defines input column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("helper-text")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a helper text ganarator")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("input-class-list")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("Array")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an input class name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("input-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an input type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("input-validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an input validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=l.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/65.97a9845e.js b/documents/assets/js/65.97a9845e.js
new file mode 100644
index 000000000..9099950b7
--- /dev/null
+++ b/documents/assets/js/65.97a9845e.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{458:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridlayoutrow"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridlayoutrow"}},[t._v("#")]),t._v(" CGridLayoutRow")]),t._v(" "),s("p",[t._v("Defines layout row."),s("br"),t._v("\nCan be used in the "),s("code",[t._v("layout-header")]),t._v(" slot and the "),s("code",[t._v("layout-body")]),t._v(" slot of "),s("code",[t._v("CGrid")]),t._v(".")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-header"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-header")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the row layout definition")])],1)}),[],!1,null,null,null);a.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/66.99a7ab4d.js b/documents/assets/js/66.99a7ab4d.js
new file mode 100644
index 000000000..9207b0de7
--- /dev/null
+++ b/documents/assets/js/66.99a7ab4d.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{459:function(t,e,a){"use strict";a.r(e);var i=a(52),l=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridlinkcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridlinkcolumn"}},[t._v("#")]),t._v(" CGridLinkColumn")]),t._v(" "),a("p",[t._v("Defines link column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("href")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a href")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("target")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an anchor target")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=l.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/67.8c0a57b8.js b/documents/assets/js/67.8c0a57b8.js
new file mode 100644
index 000000000..8f350384d
--- /dev/null
+++ b/documents/assets/js/67.8c0a57b8.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{460:function(t,e,a){"use strict";a.r(e);var l=a(52),i=Object(l.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridmenucolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridmenucolumn"}},[t._v("#")]),t._v(" CGridMenuColumn")]),t._v(" "),a("p",[t._v("Defines select menu column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("display-options")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("Array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a menu options for display")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("editor-options")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("Array")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a menu options for popup")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("options")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("Array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a menu options")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=i.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/68.4561aa8f.js b/documents/assets/js/68.4561aa8f.js
new file mode 100644
index 000000000..ab04b34fe
--- /dev/null
+++ b/documents/assets/js/68.4561aa8f.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{461:function(t,e,a){"use strict";a.r(e);var i=a(52),l=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridpercentcompletebarcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridpercentcompletebarcolumn"}},[t._v("#")]),t._v(" CGridPercentCompleteBarColumn")]),t._v(" "),a("p",[t._v("Defines percent complete bar column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("formatter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a formatter")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a max value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a min value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=l.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/69.08a52398.js b/documents/assets/js/69.08a52398.js
new file mode 100644
index 000000000..dcf0efa9d
--- /dev/null
+++ b/documents/assets/js/69.08a52398.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{462:function(t,a,e){"use strict";e.r(a);var s=e(52),n=Object(s.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cgridradiocolumn"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cgridradiocolumn"}},[t._v("#")]),t._v(" CGridRadioColumn")]),t._v(" "),e("p",[t._v("Defines radio button column.")]),t._v(" "),e("h2",{attrs:{id:"vue-template-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),e("code-preview",[e("div",{staticClass:"language-vue line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-vue"}},[e("code",[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-radio-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Radio1\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-radio-column")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-radio-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c2"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Radio2\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-radio-column")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])]),e("div",{staticClass:"language-js line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])])]),t._v(" "),e("h2",{attrs:{id:"slots"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),e("h3",{attrs:{id:"default-slot"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),e("code",[t._v("default")]),t._v(" slot")]),t._v(" "),e("p",[t._v("Use this slot to set the header caption")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"optional-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),e("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("check-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Change the check action from the default.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("group")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("DEPRECATED! Use "),e("code",[t._v("checkAction")]),t._v(" instead. Define a function that returns a radio group.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),e("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),e("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),e("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),e("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),e("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/7.cb2971be.js b/documents/assets/js/7.cb2971be.js
new file mode 100644
index 000000000..6f2adc9d8
--- /dev/null
+++ b/documents/assets/js/7.cb2971be.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{362:function(e,t,a){},396:function(e,t,a){"use strict";a(362)},403:function(e,t,a){"use strict";a.r(t);a(83),a(34),a(111),a(112);var o={name:"CodeGroup",data:function(){return{codeTabs:[],activeCodeTabIndex:-1}},watch:{activeCodeTabIndex:function(e){this.activateCodeTab(e)}},mounted:function(){this.loadTabs()},methods:{changeCodeTab:function(e){this.activeCodeTabIndex=e},loadTabs:function(){var e=this;this.codeTabs=(this.$slots.default||[]).filter((function(e){return Boolean(e.componentOptions)})).map((function(t,a){return""===t.componentOptions.propsData.active&&(e.activeCodeTabIndex=a),{title:t.componentOptions.propsData.title,elm:t.elm}})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0),this.activateCodeTab(0)},activateCodeTab:function(e){this.codeTabs.forEach((function(e){e.elm&&e.elm.classList.remove("theme-code-block__active")})),this.codeTabs[e].elm&&this.codeTabs[e].elm.classList.add("theme-code-block__active")}}},n=(a(396),a(52)),c=Object(n.a)(o,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ClientOnly",[a("div",{staticClass:"theme-code-group"},[a("div",{staticClass:"theme-code-group__nav"},[a("ul",{staticClass:"theme-code-group__ul"},e._l(e.codeTabs,(function(t,o){return a("li",{key:t.title,staticClass:"theme-code-group__li"},[a("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":o===e.activeCodeTabIndex},on:{click:function(t){return e.changeCodeTab(o)}}},[e._v("\n "+e._s(t.title)+"\n ")])])})),0)]),e._v(" "),e._t("default"),e._v(" "),e.codeTabs.length<1?a("pre",{staticClass:"pre-blank"},[e._v("// Make sure to add code blocks to your code group")]):e._e()],2)])}),[],!1,null,"deefee04",null);t.default=c.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/70.d39ea089.js b/documents/assets/js/70.d39ea089.js
new file mode 100644
index 000000000..0efbc994f
--- /dev/null
+++ b/documents/assets/js/70.d39ea089.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{463:function(t,o,n){"use strict";n.r(o);var e=n(52),i=Object(e.a)({},(function(){var t=this,o=t.$createElement,n=t._self._c||o;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"available-vue-components"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#available-vue-components"}},[t._v("#")]),t._v(" Available Vue Components")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",[t._v("Component Name")]),t._v(" "),n("th",[t._v("Description")]),t._v(" "),n("th",[t._v("LINK")])])]),t._v(" "),n("tbody",[n("tr",[n("td",[n("code",[t._v("<c-grid>")])]),t._v(" "),n("td",[t._v("Grid.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGrid.html"}},[t._v("CGrid")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-column>")])]),t._v(" "),n("td",[t._v("Column definition to display in the grid.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridColumn.html"}},[t._v("CGridColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-column-group>")])]),t._v(" "),n("td",[t._v("Definition of column group when multiple header is displayed.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridColumnGroup.html"}},[t._v("CGridColumnGroup")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-button-column>")])]),t._v(" "),n("td",[t._v("Button column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridButtonColumn.html"}},[t._v("CGridButtonColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-check-column>")])]),t._v(" "),n("td",[t._v("Checkbox column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridCheckColumn.html"}},[t._v("CGridCheckColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-input-column>")])]),t._v(" "),n("td",[t._v("Input column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridInputColumn.html"}},[t._v("CGridInputColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-menu-column>")])]),t._v(" "),n("td",[t._v("Menu column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridMenuColumn.html"}},[t._v("CGridMenuColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-link-column>")])]),t._v(" "),n("td",[t._v("Link column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridLinkColumn.html"}},[t._v("CGridLinkColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-icon-column>")])]),t._v(" "),n("td",[t._v("Icon column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridIconColumn.html"}},[t._v("CGridIconColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-percent-complete-bar-column>")])]),t._v(" "),n("td",[t._v("Percent complete bar column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridPercentCompleteBarColumn.html"}},[t._v("CGridPercentCompleteBarColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-radio-column>")])]),t._v(" "),n("td",[t._v("Radio button column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridRadioColumn.html"}},[t._v("CGridRadioColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-branch-graph-column>")])]),t._v(" "),n("td",[t._v("Branch graph column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridBranchGraphColumn.html"}},[t._v("CGridBranchGraphColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-layout-row>")])]),t._v(" "),n("td",[t._v("Define advanced layout row.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridLayoutRow.html"}},[t._v("CGridLayoutRow")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("<c-grid-header>")])]),t._v(" "),n("td",[t._v("Define advanced layout header.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridHeader.html"}},[t._v("CGridHeader")])],1)])])])])}),[],!1,null,null,null);o.default=i.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/71.afd1b46c.js b/documents/assets/js/71.afd1b46c.js
new file mode 100644
index 000000000..74cd6b6d6
--- /dev/null
+++ b/documents/assets/js/71.afd1b46c.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{464:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-headers-and-columns"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-headers-and-columns"}},[t._v("#")]),t._v(" Define Headers and Columns")]),t._v(" "),a("h2",{attrs:{id:"standard-column"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column"}},[t._v("#")]),t._v(" Standard Column")]),t._v(" "),a("p",[t._v("You can define the behavior and appearance of columns and headers cells by defining "),a("code",[t._v("<c-grid-column>")]),t._v(" in "),a("code",[t._v("slot")]),t._v(" of "),a("code",[t._v("<c-grid>")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Birthday\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*\n record object properties\n {\n personid: 'ID',\n fname: 'First Name',\n lname: 'Last Name',\n email: 'Email',\n birthday: 'birthday',\n }\n */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"multiple-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multiple-header"}},[t._v("#")]),t._v(" Multiple Header")]),t._v(" "),a("p",[t._v("To use multiple header, define "),a("code",[t._v("<c-grid-column-group>")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Birthday\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/72.a025cd52.js b/documents/assets/js/72.a025cd52.js
new file mode 100644
index 000000000..14dea2284
--- /dev/null
+++ b/documents/assets/js/72.a025cd52.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{465:function(t,s,e){"use strict";e.r(s);var a=e(52),n=Object(a.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"faq"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#faq"}},[this._v("#")]),this._v(" FAQ")])])}),[],!1,null,null,null);s.default=n.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/73.a2eae337.js b/documents/assets/js/73.a2eae337.js
new file mode 100644
index 000000000..9b8b74971
--- /dev/null
+++ b/documents/assets/js/73.a2eae337.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{466:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"auto-paging"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#auto-paging"}},[t._v("#")]),t._v(" Auto Paging")]),t._v(" "),a("p",[t._v("Real time loading by scroll action.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample_log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("readonly")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ajax logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("textarea")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create DataSource")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("BUFFER_RECORDS_SIZE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadedData "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" isAllLoaded "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadStartIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" promiseObject "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRecordsWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// return Promise Object")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("isAllLoaded"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// length update?")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" loadStartIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// all loaded!!")]),t._v("\n dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n isAllLoaded "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// append length!!")]),t._v("\n dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("BUFFER_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" promiseObject"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("BUFFER_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//init records count")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create cheetahGrid")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// set dataSource")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRecordsWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" num")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadedCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" startIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" num"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" last "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadedCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1080")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n num "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1080")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" startIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n last "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" num"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("startIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" log "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample_log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nAcquire ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("num"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(" data from index ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("last "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lastData "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n lastData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("fname "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n lastData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lname "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Grid!!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n lastData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"hello_cheetah_grid@gmail.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/74.5cce4b03.js b/documents/assets/js/74.5cce4b03.js
new file mode 100644
index 000000000..f16591b64
--- /dev/null
+++ b/documents/assets/js/74.5cce4b03.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{467:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"checkbox-on-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-on-header"}},[t._v("#")]),t._v(" Checkbox on header")]),t._v(" "),a("p",[t._v("You implement as follows using the "),a("code",[t._v("headerAction")]),t._v(", "),a("code",[t._v("headerType")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerAction"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-vue-js"}},[t._v("#")]),t._v(" Using Vue.js")]),t._v(" "),a("p",[t._v("You implement as follows using the "),a("code",[t._v("header-action")]),t._v(", "),a("code",[t._v("header-type")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n no\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-action")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-header-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeHeaderValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n text\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeHeaderValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/75.42345654.js b/documents/assets/js/75.42345654.js
new file mode 100644
index 000000000..0c3abc782
--- /dev/null
+++ b/documents/assets/js/75.42345654.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{468:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"jump-to-the-specified-cell"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#jump-to-the-specified-cell"}},[t._v("#")]),t._v(" Jump to the Specified Cell")]),t._v(" "),a("p",[t._v("Example below shows the usage of jumping to the specified cell."),a("br"),t._v("\nIn this example, cursor jumps to cell, no column is 7.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("jump"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("jump"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cat"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Tiger"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Leopard"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Jaguar"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cheetah"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Lion"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Ocelot"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("80")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" jumpButton "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".jump"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\njumpButton"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onclick")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("makeVisibleGridCell")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("focusGridCell")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/76.c8e5fc18.js b/documents/assets/js/76.c8e5fc18.js
new file mode 100644
index 000000000..831d53017
--- /dev/null
+++ b/documents/assets/js/76.c8e5fc18.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{469:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"change-the-color-of-the-row"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#change-the-color-of-the-row"}},[t._v("#")]),t._v(" Change the color of the row")]),t._v(" "),a("p",[t._v("You can use the "),a("code",[t._v("theme")]),t._v(" to change the row color.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" materialDesignTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MATERIAL_DESIGN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" userTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" materialDesignTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("extends")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("defaultBgColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the checked row.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" record "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n theme"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Redraw when checkbox is changed. This is because cells other than checkboxes are not redrawn automatically.")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br")])])]),t._v(" "),a("p",[t._v("For the Vue component, do the following:")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("$refs.grid.invalidate()"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":theme")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("First Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Last Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Email"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("(rec) => new Intl.DateTimeFormat().format(rec.birthday)"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" materialDesignTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MATERIAL_DESIGN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n userTheme"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" materialDesignTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("extends")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("defaultBgColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the checked row.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" record "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])]),t._v(" "),a("p",[t._v("In addition, it can be expanded as follows:")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("$refs.grid.invalidate()"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@selected-cell")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("(e)=>{\n if (e.selected) {\n $refs.grid.invalidate()\n }\n }"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":theme")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("First Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Last Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Email"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("(rec) => new Intl.DateTimeFormat().format(rec.birthday)"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" materialDesignTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MATERIAL_DESIGN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n userTheme"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" materialDesignTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("extends")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("defaultBgColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" end "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("selection"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("range"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the selection cols.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DEF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the checked row.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" record "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("borderColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" end "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("selection"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("range"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the border of the selection cols.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#ccc7c7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#BCF"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#ccc7c7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#BCF"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/77.d8b02770.js b/documents/assets/js/77.d8b02770.js
new file mode 100644
index 000000000..b93c8f7c9
--- /dev/null
+++ b/documents/assets/js/77.d8b02770.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{470:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"introduction"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#introduction"}},[t._v("#")]),t._v(" Introduction")]),t._v(" "),a("h2",{attrs:{id:"what-it-is"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#what-it-is"}},[t._v("#")]),t._v(" What it is")]),t._v(" "),a("p",[t._v("Cheetah Grid is a high performance JavaScript data table component that works on canvas")]),t._v(" "),a("h2",{attrs:{id:"show-1-000-000-records-without-stress"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#show-1-000-000-records-without-stress"}},[t._v("#")]),t._v(" Show "),a("strong",[t._v("1,000,000")]),t._v(" records without stress")]),t._v(" "),a("p",[t._v("You can display data of 1 million records in a "),a("strong",[t._v("moment")]),t._v(".")]),t._v(" "),a("code-preview",{attrs:{"init-mode":"preview"}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Grid initial processing time : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("strong")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("time"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("strong")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("br")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("br")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("default"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("default"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" personsDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersonsDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" startTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".grid-sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* multiple header */")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* callback field */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" d "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getFullYear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMonth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* button column */")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" personsDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" endTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".time"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" endTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" startTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ms"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// THEME")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".theme"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" name "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("choices"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" opt "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createElement")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n opt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n opt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("appendChild")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("opt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"simple-example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#simple-example"}},[t._v("#")]),t._v(" Simple Example")]),t._v(" "),a("h3",{attrs:{id:"javascript"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#javascript"}},[t._v("#")]),t._v(" JavaScript")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// initialize")]),t._v("\ngrid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parent element on which to place the grid")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".grid-sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Header definition")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Array data to be displayed on the grid")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Column fixed position")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#vue-js"}},[t._v("#")]),t._v(" Vue.js")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/78.b892c180.js b/documents/assets/js/78.b892c180.js
new file mode 100644
index 000000000..4cfc9d450
--- /dev/null
+++ b/documents/assets/js/78.b892c180.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{471:function(t,a,e){"use strict";e.r(a);var r=e(52),s=Object(r.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"getting-started-with-react"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getting-started-with-react"}},[t._v("#")]),t._v(" Getting Started with React")]),t._v(" "),e("h2",{attrs:{id:"installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),e("h3",{attrs:{id:"via-npm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#via-npm"}},[t._v("#")]),t._v(" Via npm")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://www.npmjs.com/package/react-cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[e("img",{attrs:{src:"https://img.shields.io/npm/v/react-cheetah-grid.svg",alt:"npm"}}),e("OutboundLink")],1)]),t._v(" "),e("div",{staticClass:"language-bash line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-bash"}},[e("code",[e("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -S react-cheetah-grid\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br")])]),e("h2",{attrs:{id:"usage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[t._v("#")]),t._v(" Usage")]),t._v(" "),e("p",[t._v("Please refer to the "),e("a",{attrs:{href:"https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme",target:"_blank",rel:"noopener noreferrer"}},[t._v("document"),e("OutboundLink")],1),t._v(" for details")])])}),[],!1,null,null,null);a.default=s.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/79.6273fdff.js b/documents/assets/js/79.6273fdff.js
new file mode 100644
index 000000000..6d40f46e8
--- /dev/null
+++ b/documents/assets/js/79.6273fdff.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{472:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"getting-started-with-vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getting-started-with-vue-js"}},[t._v("#")]),t._v(" Getting Started with Vue.js")]),t._v(" "),a("h2",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("h3",{attrs:{id:"via-npm"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-npm"}},[t._v("#")]),t._v(" Via npm")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/vue-cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/vue-cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -S vue-cheetah-grid\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" vueCheetahGrid "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue-cheetah-grid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nVue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("use")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("h3",{attrs:{id:"via-cdn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-cdn"}},[t._v("#")]),t._v(" Via CDN")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/vue-cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/vue-cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://unpkg.com/cheetah-grid@1.13"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://unpkg.com/vue-cheetah-grid@1.13"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[t._v("Vue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("use")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("This usage only supports Vue.js v2.")])]),t._v(" "),a("h2",{attrs:{id:"vue-instance-template"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#vue-instance-template"}},[t._v("#")]),t._v(" Vue Instance & Template")]),t._v(" "),a("p",[t._v("Please refer to the "),a("RouterLink",{attrs:{to:"/api/vue/"}},[t._v("more documents")]),t._v(" for details")],1),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-input-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid-column-group")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("c-grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/8.e15bfd1b.js b/documents/assets/js/8.e15bfd1b.js
new file mode 100644
index 000000000..7190a1cde
--- /dev/null
+++ b/documents/assets/js/8.e15bfd1b.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{356:function(t,s,a){},389:function(t,s,a){"use strict";a(356)},417:function(t,s,a){"use strict";a.r(s);a(389);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"inlineinputeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#inlineinputeditor"}},[t._v("#")]),t._v(" InlineInputEditor")]),t._v(" "),a("p",[t._v("Enables data editing by input.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" inputEditor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by InlineInputEditor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[t._v("Specify the "),a("code",[t._v("type")]),t._v(" attribute of the "),a("code",[t._v("<input>")]),t._v(" element.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("classList")])]),t._v(" "),a("td",[t._v("Specify "),a("code",[t._v("class")]),t._v(" of the "),a("code",[t._v("<input>")]),t._v(" element.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"type & classList"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n classList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"al-right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br")])]),a("div",{staticClass:"language-css line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".al-right")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("text-align")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" right"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])])])],1)}),[],!1,null,"1eea9062",null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/80.0ee6c1d0.js b/documents/assets/js/80.0ee6c1d0.js
new file mode 100644
index 000000000..443915b1d
--- /dev/null
+++ b/documents/assets/js/80.0ee6c1d0.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{473:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"getting-started"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getting-started"}},[t._v("#")]),t._v(" Getting Started")]),t._v(" "),a("h2",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("h3",{attrs:{id:"via-npm"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-npm"}},[t._v("#")]),t._v(" Via npm")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -S cheetah-grid\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" cheetahGrid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"cheetah-grid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h3",{attrs:{id:"via-cdn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-cdn"}},[t._v("#")]),t._v(" Via CDN")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://unpkg.com/cheetah-grid@1.13"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h3",{attrs:{id:"via-source-code"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-source-code"}},[t._v("#")]),t._v(" Via Source Code")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("p",[a("a",{attrs:{href:"https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("cheetahGrid.es5.min.js"),a("OutboundLink")],1)]),t._v(" "),a("h4",{attrs:{id:"sourcemap"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#sourcemap"}},[t._v("#")]),t._v(" SourceMap")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js.map",target:"_blank",rel:"noopener noreferrer"}},[t._v("cheetahGrid.es5.min.js.map"),a("OutboundLink")],1)]),t._v(" "),a("h3",{attrs:{id:"via-github"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-github"}},[t._v("#")]),t._v(" Via GitHub")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/future-architect/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/github/package-json/v/future-architect/cheetah-grid.svg",alt:"GitHub package version"}}),a("OutboundLink")],1)]),t._v(" "),a("h4",{attrs:{id:"git-clone"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-clone"}},[t._v("#")]),t._v(" git clone")]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("git")]),t._v(" clone https://github.com/future-architect/cheetah-grid.git\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h4",{attrs:{id:"npm-install-build"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#npm-install-build"}},[t._v("#")]),t._v(" npm install & build")]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" run build\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("p",[t._v("built file is created in the "),a("code",[t._v("./packages/cheetah-grid/dist")]),t._v(" directory")]),t._v(" "),a("h2",{attrs:{id:"javascript-html"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#javascript-html"}},[t._v("#")]),t._v(" JavaScript & HTML")]),t._v(" "),a("p",[t._v("Please refer to the "),a("RouterLink",{attrs:{to:"/api/js/"}},[t._v("more documents")]),t._v(" for details")],1),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// initialize")]),t._v("\ngrid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parent element on which to place the grid")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".grid-sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Header definition")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Array data to be displayed on the grid")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Column fixed position")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/9.d79e6b88.js b/documents/assets/js/9.d79e6b88.js
new file mode 100644
index 000000000..fc67ce20c
--- /dev/null
+++ b/documents/assets/js/9.d79e6b88.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{357:function(t,s,a){},390:function(t,s,a){"use strict";a(357)},421:function(t,s,a){"use strict";a.r(s);a(390);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"smalldialoginputeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#smalldialoginputeditor"}},[t._v("#")]),t._v(" SmallDialogInputEditor")]),t._v(" "),a("p",[t._v("Enables data editing by input.")]),t._v(" "),a("p",[t._v("You can dynamically control the "),a("code",[t._v("readOnly")]),t._v(" and "),a("code",[t._v("disabled")]),t._v(" property by defining an instance of the "),a("code",[t._v("SmallDialogInputEditor")]),t._v(" class to the "),a("code",[t._v("action")]),t._v(" column."),a("br"),t._v("\nBut if you define "),a("code",[t._v("'input'")]),t._v(", as string, to "),a("code",[t._v("action")]),t._v(" of the column, you can't control these properties."),a("br"),t._v("\nYou can also disable or read-only each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("readOnly")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" inputEditor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by class instance"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("p",[t._v("The following properties can be set with the constructor argument of "),a("code",[t._v("SmallDialogInputEditor")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[t._v("Specify the "),a("code",[t._v("type")]),t._v(" attribute of the "),a("code",[t._v("<input>")]),t._v(" element.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("classList")])]),t._v(" "),a("td",[t._v("Specify "),a("code",[t._v("class")]),t._v(" of the dialog element.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("helperText")])]),t._v(" "),a("td",[t._v("Specify helper text. You can also specify a function.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("validator")])]),t._v(" "),a("td",[t._v("Specify the validation function to be call before confirming the input value. If there is an error, please use the function to return the message.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("inputValidator")])]),t._v(" "),a("td",[t._v("Specify the validation function of the value of "),a("code",[t._v("<input>")]),t._v(". If there is an error, please use the function to return the message.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"type & classList"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n classList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"al-right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"validator & helperText"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n classList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"helper-text--right-justified"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("helperText")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/20")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("inputValidator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("over the max length. ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("validator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^[a-zA-Z]*$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Please only alphabet."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"async validator"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n helperText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"enter code. /^[A-Z]\\\\d{3}$/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("validator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("r")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("r")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^[A-Z]\\d{3}$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Invalid code."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"a"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" code"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"A001"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"b"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" code"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"A002"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" code"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"A003"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br")])]),a("div",{staticClass:"language-css line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".al-right input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("text-align")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" right"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])])])],1)}),[],!1,null,"d81b43c4",null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/documents/assets/js/app.0957b732.js b/documents/assets/js/app.0957b732.js
new file mode 100644
index 000000000..5fa03bf0f
--- /dev/null
+++ b/documents/assets/js/app.0957b732.js
@@ -0,0 +1,3 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(t){function e(e){for(var r,a,u=e[0],c=e[1],s=e[2],p=0,f=[];p<u.length;p++)a=u[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(t[r]=c[r]);for(l&&l(e);f.length;)f.shift()();return i.push.apply(i,s||[]),n()}function n(){for(var t,e=0;e<i.length;e++){for(var n=i[e],r=!0,u=1;u<n.length;u++){var c=n[u];0!==o[c]&&(r=!1)}r&&(i.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={1:0},i=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.e=function(t){var e=[],n=o[t];if(0!==n)if(n)e.push(n[2]);else{var r=new Promise((function(e,r){n=o[t]=[e,r]}));e.push(n[2]=r);var i,u=document.createElement("script");u.charset="utf-8",u.timeout=120,a.nc&&u.setAttribute("nonce",a.nc),u.src=function(t){return a.p+"assets/js/"+({}[t]||t)+"."+{2:"0e3e922d",3:"502706f9",4:"c7ed5d0d",5:"4c5a3b22",6:"6042c4d2",7:"cb2971be",8:"e15bfd1b",9:"d79e6b88",10:"63120c1f",11:"e47cbaf6",12:"3d860b21",13:"09b535d9",14:"1d303117",15:"70cd490e",16:"05f7d668",17:"1ceaa8f2",18:"aff995b8",19:"3dc37665",20:"8d38d090",21:"afc557c6",22:"76526d42",23:"42fe46b8",24:"ff30c5af",25:"73e5a109",26:"f60ff9fd",27:"db27917f",28:"6d1170de",29:"57bf8bfc",30:"da07b6b8",31:"db577bdf",32:"3c56269e",33:"0c16ee24",34:"dfb18825",35:"ac1751c7",36:"1e2577ce",37:"b761e1d3",38:"2da2d977",39:"8873f70f",40:"bd79e063",41:"556f1a23",42:"4326099e",43:"6c747350",44:"6f0ff086",45:"5be77374",46:"a930d057",47:"ab256928",48:"6f1843d8",49:"c48ade93",50:"676259e4",51:"a584af06",52:"aac08140",53:"6b347f4f",54:"397b1599",55:"da2aee49",56:"9113003f",57:"d2704f70",58:"0016a6bc",59:"a7bc6277",60:"410cf1d2",61:"1699ff8f",62:"1fe9658c",63:"6f1746dd",64:"d2e835d4",65:"97a9845e",66:"99a7ab4d",67:"8c0a57b8",68:"4561aa8f",69:"08a52398",70:"d39ea089",71:"afd1b46c",72:"a025cd52",73:"a2eae337",74:"5cce4b03",75:"42345654",76:"c8e5fc18",77:"d8b02770",78:"b892c180",79:"6273fdff",80:"0ee6c1d0"}[t]+".js"}(t);var c=new Error;i=function(e){u.onerror=u.onload=null,clearTimeout(s);var n=o[t];if(0!==n){if(n){var r=e&&("load"===e.type?"missing":e.type),i=e&&e.target&&e.target.src;c.message="Loading chunk "+t+" failed.\n("+r+": "+i+")",c.name="ChunkLoadError",c.type=r,c.request=i,n[1](c)}o[t]=void 0}};var s=setTimeout((function(){i({type:"timeout",target:u})}),12e4);u.onerror=u.onload=i,document.head.appendChild(u)}return Promise.all(e)},a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/cheetah-grid/documents/",a.oe=function(t){throw console.error(t),t};var u=window.webpackJsonp=window.webpackJsonp||[],c=u.push.bind(u);u.push=e,u=u.slice();for(var s=0;s<u.length;s++)e(u[s]);var l=c;i.push([197,0]),n()}([function(t,e){var n=function(t){return t&&t.Math==Math&&t};t.exports=n("object"==typeof globalThis&&globalThis)||n("object"==typeof window&&window)||n("object"==typeof self&&self)||n("object"==typeof global&&global)||function(){return this}()||Function("return this")()},function(t,e){t.exports=Vue},function(t,e,n){var r=n(0),o=n(32).f,i=n(24),a=n(18),u=n(89),c=n(126),s=n(115);t.exports=function(t,e){var n,l,p,f,h,d=t.target,v=t.global,m=t.stat;if(n=v?r:m?r[d]||u(d,{}):(r[d]||{}).prototype)for(l in e){if(f=e[l],p=t.noTargetGet?(h=o(n,l))&&h.value:n[l],!s(v?l:d+(m?".":"#")+l,t.forced)&&void 0!==p){if(typeof f==typeof p)continue;c(f,p)}(t.sham||p&&p.sham)&&i(f,"sham",!0),a(n,l,f,t)}}},function(t,e){var n=Function.prototype,r=n.bind,o=n.call,i=r&&r.bind(o);t.exports=r?function(t){return t&&i(o,t)}:function(t){return t&&function(){return o.apply(t,arguments)}}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(0),o=n(58),i=n(9),a=n(59),u=n(90),c=n(120),s=o("wks"),l=r.Symbol,p=l&&l.for,f=c?l:l&&l.withoutSetter||a;t.exports=function(t){if(!i(s,t)||!u&&"string"!=typeof s[t]){var e="Symbol."+t;u&&i(l,t)?s[t]=l[t]:s[t]=c&&p?p(e):f(e)}return s[t]}},function(t,e){t.exports=function(t){return"function"==typeof t}},function(t,e,n){var r=n(0),o=n(8),i=r.String,a=r.TypeError;t.exports=function(t){if(o(t))return t;throw a(i(t)+" is not an object")}},function(t,e,n){var r=n(6);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},function(t,e,n){var r=n(3),o=n(13),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},function(t,e){var n=Function.prototype.call;t.exports=n.bind?n.bind(n):function(){return n.apply(n,arguments)}},function(t,e,n){var r=n(4);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(t,e,n){var r=n(0),o=n(11),i=n(121),a=n(7),u=n(61),c=r.TypeError,s=Object.defineProperty;e.f=o?s:function(t,e,n){if(a(t),e=u(e),a(n),i)try{return s(t,e,n)}catch(t){}if("get"in n||"set"in n)throw c("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(0),o=n(30),i=r.Object;t.exports=function(t){return i(o(t))}},function(t,e,n){var r=n(98),o=n(18),i=n(217);r||o(Object.prototype,"toString",i,{unsafe:!0})},function(t,e,n){var r=n(39),o=n(30);t.exports=function(t){return r(o(t))}},function(t,e,n){var r=n(0),o=n(6),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},function(t,e,n){"use strict";var r=n(141).charAt,o=n(22),i=n(31),a=n(125),u=i.set,c=i.getterFor("String Iterator");a(String,"String",(function(t){u(this,{type:"String Iterator",string:o(t),index:0})}),(function(){var t,e=c(this),n=e.string,o=e.index;return o>=n.length?{value:void 0,done:!0}:(t=r(n,o),e.index+=t.length,{value:t,done:!1})}))},function(t,e,n){var r=n(0),o=n(6),i=n(9),a=n(24),u=n(89),c=n(66),s=n(31),l=n(85).CONFIGURABLE,p=s.get,f=s.enforce,h=String(String).split("String");(t.exports=function(t,e,n,c){var s,p=!!c&&!!c.unsafe,d=!!c&&!!c.enumerable,v=!!c&&!!c.noTargetGet,m=c&&void 0!==c.name?c.name:e;o(n)&&("Symbol("===String(m).slice(0,7)&&(m="["+String(m).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||l&&n.name!==m)&&a(n,"name",m),(s=f(n)).source||(s.source=h.join("string"==typeof m?m:""))),t!==r?(p?!v&&t[e]&&(d=!0):delete t[e],d?t[e]=n:a(t,e,n)):d?t[e]=n:u(e,n)})(Function.prototype,"toString",(function(){return o(this)&&p(this).source||c(this)}))},function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){var r=n(0),o=n(142),i=n(143),a=n(119),u=n(24),c=n(5),s=c("iterator"),l=c("toStringTag"),p=a.values,f=function(t,e){if(t){if(t[s]!==p)try{u(t,s,p)}catch(e){t[s]=p}if(t[l]||u(t,l,e),o[e])for(var n in a)if(t[n]!==a[n])try{u(t,n,a[n])}catch(e){t[n]=a[n]}}};for(var h in o)f(r[h]&&r[h].prototype,h);f(i,"DOMTokenList")},function(t,e,n){var r=n(154),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e,n){var r=n(0),o=n(68),i=r.String;t.exports=function(t){if("Symbol"===o(t))throw TypeError("Cannot convert a Symbol value to a string");return i(t)}},function(t,e){t.exports=!1},function(t,e,n){var r=n(11),o=n(12),i=n(43);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(3),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},function(t,e,n){var r,o=n(7),i=n(198),a=n(93),u=n(41),c=n(124),s=n(60),l=n(65),p=l("IE_PROTO"),f=function(){},h=function(t){return"<script>"+t+"<\/script>"},d=function(t){t.write(h("")),t.close();var e=t.parentWindow.Object;return t=null,e},v=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;v="undefined"!=typeof document?document.domain&&r?d(r):((e=s("iframe")).style.display="none",c.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(h("document.F=Object")),t.close(),t.F):d(r);for(var n=a.length;n--;)delete v.prototype[a[n]];return v()};u[p]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(f.prototype=o(t),n=new f,f.prototype=null,n[p]=t):n=v(),void 0===e?n:i(n,e)}},function(t,e,n){var r=n(0),o=n(6),i=n(62),a=r.TypeError;t.exports=function(t){if(o(t))return t;throw a(i(t)+" is not a function")}},function(t,e,n){var r=n(84);t.exports=function(t){return r(t.length)}},function(t,e,n){var r=n(247),o=n(250);t.exports=function(t,e){var n=o(t,e);return r(n)?n:void 0}},function(t,e,n){var r=n(0).TypeError;t.exports=function(t){if(null==t)throw r("Can't call method on "+t);return t}},function(t,e,n){var r,o,i,a=n(201),u=n(0),c=n(3),s=n(8),l=n(24),p=n(9),f=n(88),h=n(65),d=n(41),v=u.TypeError,m=u.WeakMap;if(a||f.state){var y=f.state||(f.state=new m),g=c(y.get),b=c(y.has),j=c(y.set);r=function(t,e){if(b(y,t))throw new v("Object already initialized");return e.facade=t,j(y,t,e),e},o=function(t){return g(y,t)||{}},i=function(t){return b(y,t)}}else{var _=h("state");d[_]=!0,r=function(t,e){if(p(t,_))throw new v("Object already initialized");return e.facade=t,l(t,_,e),e},o=function(t){return p(t,_)?t[_]:{}},i=function(t){return p(t,_)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!s(e)||(n=o(e)).type!==t)throw v("Incompatible receiver, "+t+" required");return n}}}},function(t,e,n){var r=n(11),o=n(10),i=n(94),a=n(43),u=n(15),c=n(61),s=n(9),l=n(121),p=Object.getOwnPropertyDescriptor;e.f=r?p:function(t,e){if(t=u(t),e=c(e),l)try{return p(t,e)}catch(t){}if(s(t,e))return a(!o(i.f,t,e),t[e])}},function(t,e){t.exports=function(t){return null!=t&&"object"==typeof t}},function(t,e,n){"use strict";var r=n(2),o=n(37).filter;r({target:"Array",proto:!0,forced:!n(73)("filter")},{filter:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(3);t.exports=r({}.isPrototypeOf)},function(t,e,n){var r=n(3);t.exports=r([].slice)},function(t,e,n){var r=n(44),o=n(3),i=n(39),a=n(13),u=n(28),c=n(144),s=o([].push),l=function(t){var e=1==t,n=2==t,o=3==t,l=4==t,p=6==t,f=7==t,h=5==t||p;return function(d,v,m,y){for(var g,b,j=a(d),_=i(j),x=r(v,m),w=u(_),C=0,P=y||c,E=e?P(d,w):n||f?P(d,0):void 0;w>C;C++)if((h||C in _)&&(b=x(g=_[C],C,j),t))if(e)E[C]=b;else if(b)switch(t){case 3:return!0;case 5:return g;case 6:return C;case 2:s(E,g)}else switch(t){case 4:return!1;case 7:s(E,g)}return p?-1:o||l?l:E}};t.exports={forEach:l(0),map:l(1),filter:l(2),some:l(3),every:l(4),find:l(5),findIndex:l(6),filterReject:l(7)}},function(t,e,n){var r=n(49),o=n(232),i=n(233),a=r?r.toStringTag:void 0;t.exports=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":a&&a in Object(t)?o(t):i(t)}},function(t,e,n){var r=n(0),o=n(3),i=n(4),a=n(25),u=r.Object,c=o("".split);t.exports=i((function(){return!u("z").propertyIsEnumerable(0)}))?function(t){return"String"==a(t)?c(t,""):u(t)}:u},function(t,e,n){var r,o,i=n(0),a=n(56),u=i.process,c=i.Deno,s=u&&u.versions||c&&c.version,l=s&&s.v8;l&&(o=(r=l.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&a&&(!(r=a.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=a.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},function(t,e){t.exports={}},function(t,e){t.exports={}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(3),o=n(27),i=r(r.bind);t.exports=function(t,e){return o(t),void 0===e?t:i?i(t,e):function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(25);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){"use strict";var r=n(4);t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){throw 1},1)}))}},function(t,e,n){"use strict";var r=n(2),o=n(0),i=n(16),a=n(55),u=n(10),c=n(3),s=n(23),l=n(11),p=n(90),f=n(4),h=n(9),d=n(45),v=n(6),m=n(8),y=n(35),g=n(91),b=n(7),j=n(13),_=n(15),x=n(61),w=n(22),C=n(43),P=n(26),E=n(63),S=n(57),O=n(148),k=n(95),A=n(32),M=n(12),L=n(94),R=n(36),T=n(18),$=n(58),I=n(65),U=n(41),G=n(59),D=n(5),B=n(149),N=n(150),F=n(67),q=n(31),V=n(37).forEach,H=I("hidden"),z=D("toPrimitive"),W=q.set,K=q.getterFor("Symbol"),J=Object.prototype,Y=o.Symbol,X=Y&&Y.prototype,Q=o.TypeError,Z=o.QObject,tt=i("JSON","stringify"),et=A.f,nt=M.f,rt=O.f,ot=L.f,it=c([].push),at=$("symbols"),ut=$("op-symbols"),ct=$("string-to-symbol-registry"),st=$("symbol-to-string-registry"),lt=$("wks"),pt=!Z||!Z.prototype||!Z.prototype.findChild,ft=l&&f((function(){return 7!=P(nt({},"a",{get:function(){return nt(this,"a",{value:7}).a}})).a}))?function(t,e,n){var r=et(J,e);r&&delete J[e],nt(t,e,n),r&&t!==J&&nt(J,e,r)}:nt,ht=function(t,e){var n=at[t]=P(X);return W(n,{type:"Symbol",tag:t,description:e}),l||(n.description=e),n},dt=function(t,e,n){t===J&&dt(ut,e,n),b(t);var r=x(e);return b(n),h(at,r)?(n.enumerable?(h(t,H)&&t[H][r]&&(t[H][r]=!1),n=P(n,{enumerable:C(0,!1)})):(h(t,H)||nt(t,H,C(1,{})),t[H][r]=!0),ft(t,r,n)):nt(t,r,n)},vt=function(t,e){b(t);var n=_(e),r=E(n).concat(bt(n));return V(r,(function(e){l&&!u(mt,n,e)||dt(t,e,n[e])})),t},mt=function(t){var e=x(t),n=u(ot,this,e);return!(this===J&&h(at,e)&&!h(ut,e))&&(!(n||!h(this,e)||!h(at,e)||h(this,H)&&this[H][e])||n)},yt=function(t,e){var n=_(t),r=x(e);if(n!==J||!h(at,r)||h(ut,r)){var o=et(n,r);return!o||!h(at,r)||h(n,H)&&n[H][r]||(o.enumerable=!0),o}},gt=function(t){var e=rt(_(t)),n=[];return V(e,(function(t){h(at,t)||h(U,t)||it(n,t)})),n},bt=function(t){var e=t===J,n=rt(e?ut:_(t)),r=[];return V(n,(function(t){!h(at,t)||e&&!h(J,t)||it(r,at[t])})),r};(p||(T(X=(Y=function(){if(y(X,this))throw Q("Symbol is not a constructor");var t=arguments.length&&void 0!==arguments[0]?w(arguments[0]):void 0,e=G(t),n=function(t){this===J&&u(n,ut,t),h(this,H)&&h(this[H],e)&&(this[H][e]=!1),ft(this,e,C(1,t))};return l&&pt&&ft(J,e,{configurable:!0,set:n}),ht(e,t)}).prototype,"toString",(function(){return K(this).tag})),T(Y,"withoutSetter",(function(t){return ht(G(t),t)})),L.f=mt,M.f=dt,A.f=yt,S.f=O.f=gt,k.f=bt,B.f=function(t){return ht(D(t),t)},l&&(nt(X,"description",{configurable:!0,get:function(){return K(this).description}}),s||T(J,"propertyIsEnumerable",mt,{unsafe:!0}))),r({global:!0,wrap:!0,forced:!p,sham:!p},{Symbol:Y}),V(E(lt),(function(t){N(t)})),r({target:"Symbol",stat:!0,forced:!p},{for:function(t){var e=w(t);if(h(ct,e))return ct[e];var n=Y(e);return ct[e]=n,st[n]=e,n},keyFor:function(t){if(!g(t))throw Q(t+" is not a symbol");if(h(st,t))return st[t]},useSetter:function(){pt=!0},useSimple:function(){pt=!1}}),r({target:"Object",stat:!0,forced:!p,sham:!l},{create:function(t,e){return void 0===e?P(t):vt(P(t),e)},defineProperty:dt,defineProperties:vt,getOwnPropertyDescriptor:yt}),r({target:"Object",stat:!0,forced:!p},{getOwnPropertyNames:gt,getOwnPropertySymbols:bt}),r({target:"Object",stat:!0,forced:f((function(){k.f(1)}))},{getOwnPropertySymbols:function(t){return k.f(j(t))}}),tt)&&r({target:"JSON",stat:!0,forced:!p||f((function(){var t=Y();return"[null]"!=tt([t])||"{}"!=tt({a:t})||"{}"!=tt(Object(t))}))},{stringify:function(t,e,n){var r=R(arguments),o=e;if((m(e)||void 0!==t)&&!g(t))return d(e)||(e=function(t,e){if(v(o)&&(e=u(o,this,t,e)),!g(e))return e}),r[1]=e,a(tt,null,r)}});if(!X[z]){var jt=X.valueOf;T(X,z,(function(t){return u(jt,this)}))}F(Y,"Symbol"),U[H]=!0},function(t,e,n){"use strict";var r=n(2),o=n(11),i=n(0),a=n(3),u=n(9),c=n(6),s=n(35),l=n(22),p=n(12).f,f=n(126),h=i.Symbol,d=h&&h.prototype;if(o&&c(h)&&(!("description"in d)||void 0!==h().description)){var v={},m=function(){var t=arguments.length<1||void 0===arguments[0]?void 0:l(arguments[0]),e=s(d,this)?new h(t):void 0===t?h():h(t);return""===t&&(v[e]=!0),e};f(m,h),m.prototype=d,d.constructor=m;var y="Symbol(test)"==String(h("test")),g=a(d.toString),b=a(d.valueOf),j=/^Symbol\((.*)\)[^)]+$/,_=a("".replace),x=a("".slice);p(d,"description",{configurable:!0,get:function(){var t=b(this),e=g(t);if(u(v,t))return"";var n=y?x(e,7,-1):_(e,j,"$1");return""===n?void 0:n}}),r({global:!0,forced:!0},{Symbol:m})}},function(t,e,n){var r=n(21).Symbol;t.exports=r},function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));n(113);var r=n(51);n(47),n(48),n(14),n(74),n(17),n(20),n(151);var o=n(80);function i(t){return function(t){if(Array.isArray(t))return Object(r.a)(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||Object(o.a)(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},function(t,e,n){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}n.d(e,"a",(function(){return r}))},function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,u){var c,s="function"==typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),r&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},s._ssrRegister=c):o&&(c=u?function(){o.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(s.functional){s._injectStyles=c;var l=s.render;s.render=function(t,e){return c.call(e),l(t,e)}}else{var p=s.beforeCreate;s.beforeCreate=p?[].concat(p,c):[c]}return{exports:t,options:s}}n.d(e,"a",(function(){return r}))},function(t,e,n){"use strict";var r=n(2),o=n(87);r({target:"RegExp",proto:!0,forced:/./.exec!==o},{exec:o})},function(t,e,n){var r=n(27);t.exports=function(t,e){var n=t[e];return null==n?void 0:r(n)}},function(t,e){var n=Function.prototype,r=n.apply,o=n.bind,i=n.call;t.exports="object"==typeof Reflect&&Reflect.apply||(o?i.bind(r):function(){return i.apply(r,arguments)})},function(t,e,n){var r=n(16);t.exports=r("navigator","userAgent")||""},function(t,e,n){var r=n(122),o=n(93).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(23),o=n(88);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.19.0",mode:r?"pure":"global",copyright:"© 2021 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var r=n(3),o=0,i=Math.random(),a=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+a(++o+i,36)}},function(t,e,n){var r=n(0),o=n(8),i=r.document,a=o(i)&&o(i.createElement);t.exports=function(t){return a?i.createElement(t):{}}},function(t,e,n){var r=n(199),o=n(91);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},function(t,e,n){var r=n(0).String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},function(t,e,n){var r=n(122),o=n(93);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){var e=+t;return e!=e||0===e?0:(e>0?r:n)(e)}},function(t,e,n){var r=n(58),o=n(59),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,e,n){var r=n(3),o=n(6),i=n(88),a=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return a(t)}),t.exports=i.inspectSource},function(t,e,n){var r=n(12).f,o=n(9),i=n(5)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(0),o=n(98),i=n(6),a=n(25),u=n(5)("toStringTag"),c=r.Object,s="Arguments"==a(function(){return arguments}());t.exports=o?a:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=c(t),u))?n:s?a(e):"Object"==(r=a(e))&&i(e.callee)?"Arguments":r}},function(t,e,n){var r=n(3),o=n(4),i=n(6),a=n(68),u=n(16),c=n(66),s=function(){},l=[],p=u("Reflect","construct"),f=/^\s*(?:class|function)\b/,h=r(f.exec),d=!f.exec(s),v=function(t){if(!i(t))return!1;try{return p(s,l,t),!0}catch(t){return!1}};t.exports=!p||o((function(){var t;return v(v.call)||!v(Object)||!v((function(){t=!0}))||t}))?function(t){if(!i(t))return!1;switch(a(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}return d||!!h(f,c(t))}:v},function(t,e,n){var r=n(25),o=n(0);t.exports="process"==r(o.process)},function(t,e,n){"use strict";var r=n(2),o=n(0),i=n(45),a=n(69),u=n(8),c=n(123),s=n(28),l=n(15),p=n(72),f=n(5),h=n(73),d=n(36),v=h("slice"),m=f("species"),y=o.Array,g=Math.max;r({target:"Array",proto:!0,forced:!v},{slice:function(t,e){var n,r,o,f=l(this),h=s(f),v=c(t,h),b=c(void 0===e?h:e,h);if(i(f)&&(n=f.constructor,(a(n)&&(n===y||i(n.prototype))||u(n)&&null===(n=n[m]))&&(n=void 0),n===y||void 0===n))return d(f,v,b);for(r=new(void 0===n?y:n)(g(b-v,0)),o=0;v<b;v++,o++)v in f&&p(r,o,f[v]);return r.length=o,r}})},function(t,e,n){"use strict";var r=n(61),o=n(12),i=n(43);t.exports=function(t,e,n){var a=r(e);a in t?o.f(t,a,i(0,n)):t[a]=n}},function(t,e,n){var r=n(4),o=n(5),i=n(40),a=o("species");t.exports=function(t){return i>=51||!r((function(){var e=[];return(e.constructor={})[a]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},function(t,e,n){n(150)("iterator")},function(t,e,n){var r=n(237),o=n(238),i=n(239),a=n(240),u=n(241);function c(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}c.prototype.clear=r,c.prototype.delete=o,c.prototype.get=i,c.prototype.has=a,c.prototype.set=u,t.exports=c},function(t,e,n){var r=n(156);t.exports=function(t,e){for(var n=t.length;n--;)if(r(t[n][0],e))return n;return-1}},function(t,e,n){var r=n(29)(Object,"create");t.exports=r},function(t,e,n){var r=n(259);t.exports=function(t,e){var n=t.__data__;return r(e)?n["string"==typeof e?"string":"hash"]:n.map}},function(t,e,n){var r=n(107);t.exports=function(t){if("string"==typeof t||r(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}},function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));n(71),n(14),n(99),n(151),n(17);var r=n(51);function o(t,e){if(t){if("string"==typeof t)return Object(r.a)(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r.a)(t,e):void 0}}},function(t,e,n){var r,o;
+/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
+ * @license MIT */void 0===(o="function"==typeof(r=function(){var t,e,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(t,e,n){return t<e?e:t>n?n:t}function i(t){return 100*(-1+t)}n.configure=function(t){var e,n;for(e in t)void 0!==(n=t[e])&&t.hasOwnProperty(e)&&(r[e]=n);return this},n.status=null,n.set=function(t){var e=n.isStarted();t=o(t,r.minimum,1),n.status=1===t?null:t;var c=n.render(!e),s=c.querySelector(r.barSelector),l=r.speed,p=r.easing;return c.offsetWidth,a((function(e){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),u(s,function(t,e,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+i(t)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+i(t)+"%,0)"}:{"margin-left":i(t)+"%"}).transition="all "+e+"ms "+n,o}(t,l,p)),1===t?(u(c,{transition:"none",opacity:1}),c.offsetWidth,setTimeout((function(){u(c,{transition:"all "+l+"ms linear",opacity:0}),setTimeout((function(){n.remove(),e()}),l)}),l)):setTimeout(e,l)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var t=function(){setTimeout((function(){n.status&&(n.trickle(),t())}),r.trickleSpeed)};return r.trickle&&t(),this},n.done=function(t){return t||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(t){var e=n.status;return e?("number"!=typeof t&&(t=(1-e)*o(Math.random()*e,.1,.95)),e=o(e+t,0,.994),n.set(e)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},t=0,e=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===e&&n.start(),t++,e++,r.always((function(){0==--e?(t=0,n.done()):n.set((t-e)/t)})),this):this},n.render=function(t){if(n.isRendered())return document.getElementById("nprogress");s(document.documentElement,"nprogress-busy");var e=document.createElement("div");e.id="nprogress",e.innerHTML=r.template;var o,a=e.querySelector(r.barSelector),c=t?"-100":i(n.status||0),l=document.querySelector(r.parent);return u(a,{transition:"all 0 linear",transform:"translate3d("+c+"%,0,0)"}),r.showSpinner||(o=e.querySelector(r.spinnerSelector))&&f(o),l!=document.body&&s(l,"nprogress-custom-parent"),l.appendChild(e),e},n.remove=function(){l(document.documentElement,"nprogress-busy"),l(document.querySelector(r.parent),"nprogress-custom-parent");var t=document.getElementById("nprogress");t&&f(t)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var t=document.body.style,e="WebkitTransform"in t?"Webkit":"MozTransform"in t?"Moz":"msTransform"in t?"ms":"OTransform"in t?"O":"";return e+"Perspective"in t?"translate3d":e+"Transform"in t?"translate":"margin"};var a=function(){var t=[];function e(){var n=t.shift();n&&n(e)}return function(n){t.push(n),1==t.length&&e()}}(),u=function(){var t=["Webkit","O","Moz","ms"],e={};function n(n){return n=n.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(t,e){return e.toUpperCase()})),e[n]||(e[n]=function(e){var n=document.body.style;if(e in n)return e;for(var r,o=t.length,i=e.charAt(0).toUpperCase()+e.slice(1);o--;)if((r=t[o]+i)in n)return r;return e}(n))}function r(t,e,r){e=n(e),t.style[e]=r}return function(t,e){var n,o,i=arguments;if(2==i.length)for(n in e)void 0!==(o=e[n])&&e.hasOwnProperty(n)&&r(t,n,o);else r(t,i[1],i[2])}}();function c(t,e){return("string"==typeof t?t:p(t)).indexOf(" "+e+" ")>=0}function s(t,e){var n=p(t),r=n+e;c(n,e)||(t.className=r.substring(1))}function l(t,e){var n,r=p(t);c(t,e)&&(n=r.replace(" "+e+" "," "),t.className=n.substring(1,n.length-1))}function p(t){return(" "+(t.className||"")+" ").replace(/\s+/gi," ")}function f(t){t&&t.parentNode&&t.parentNode.removeChild(t)}return n})?r.call(e,n,e,t):r)||(t.exports=o)},function(t,e,n){"use strict";var r=n(55),o=n(10),i=n(3),a=n(186),u=n(4),c=n(7),s=n(6),l=n(64),p=n(84),f=n(22),h=n(30),d=n(187),v=n(54),m=n(228),y=n(188),g=n(5)("replace"),b=Math.max,j=Math.min,_=i([].concat),x=i([].push),w=i("".indexOf),C=i("".slice),P="$0"==="a".replace(/./,"$0"),E=!!/./[g]&&""===/./[g]("a","$0");a("replace",(function(t,e,n){var i=E?"$":"$0";return[function(t,n){var r=h(this),i=null==t?void 0:v(t,g);return i?o(i,t,r,n):o(e,f(r),t,n)},function(t,o){var a=c(this),u=f(t);if("string"==typeof o&&-1===w(o,i)&&-1===w(o,"$<")){var h=n(e,a,u,o);if(h.done)return h.value}var v=s(o);v||(o=f(o));var g=a.global;if(g){var P=a.unicode;a.lastIndex=0}for(var E=[];;){var S=y(a,u);if(null===S)break;if(x(E,S),!g)break;""===f(S[0])&&(a.lastIndex=d(u,p(a.lastIndex),P))}for(var O,k="",A=0,M=0;M<E.length;M++){for(var L=f((S=E[M])[0]),R=b(j(l(S.index),u.length),0),T=[],$=1;$<S.length;$++)x(T,void 0===(O=S[$])?O:String(O));var I=S.groups;if(v){var U=_([L],T,R,u);void 0!==I&&x(U,I);var G=f(r(o,void 0,U))}else G=m(L,u,R,T,I,o);R>=A&&(k+=C(u,A,R)+G,A=R+L.length)}return k+C(u,A)}]}),!!u((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")}))||!P||E)},function(t,e,n){"use strict";var r=n(2),o=n(37).map;r({target:"Array",proto:!0,forced:!n(73)("map")},{map:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(64),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(11),o=n(9),i=Function.prototype,a=r&&Object.getOwnPropertyDescriptor,u=o(i,"name"),c=u&&"something"===function(){}.name,s=u&&(!r||r&&a(i,"name").configurable);t.exports={EXISTS:u,PROPER:c,CONFIGURABLE:s}},function(t,e,n){var r=n(3),o=n(7),i=n(203);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return o(n),i(r),e?t(n,r):n.__proto__=r,n}}():void 0)},function(t,e,n){"use strict";var r,o,i=n(10),a=n(3),u=n(22),c=n(184),s=n(185),l=n(58),p=n(26),f=n(31).get,h=n(193),d=n(194),v=l("native-string-replace",String.prototype.replace),m=RegExp.prototype.exec,y=m,g=a("".charAt),b=a("".indexOf),j=a("".replace),_=a("".slice),x=(o=/b*/g,i(m,r=/a/,"a"),i(m,o,"a"),0!==r.lastIndex||0!==o.lastIndex),w=s.UNSUPPORTED_Y||s.BROKEN_CARET,C=void 0!==/()??/.exec("")[1];(x||C||w||h||d)&&(y=function(t){var e,n,r,o,a,s,l,h=this,d=f(h),P=u(t),E=d.raw;if(E)return E.lastIndex=h.lastIndex,e=i(y,E,P),h.lastIndex=E.lastIndex,e;var S=d.groups,O=w&&h.sticky,k=i(c,h),A=h.source,M=0,L=P;if(O&&(k=j(k,"y",""),-1===b(k,"g")&&(k+="g"),L=_(P,h.lastIndex),h.lastIndex>0&&(!h.multiline||h.multiline&&"\n"!==g(P,h.lastIndex-1))&&(A="(?: "+A+")",L=" "+L,M++),n=new RegExp("^(?:"+A+")",k)),C&&(n=new RegExp("^"+A+"$(?!\\s)",k)),x&&(r=h.lastIndex),o=i(m,O?n:h,L),O?o?(o.input=_(o.input,M),o[0]=_(o[0],M),o.index=h.lastIndex,h.lastIndex+=o[0].length):h.lastIndex=0:x&&o&&(h.lastIndex=h.global?o.index+o[0].length:r),C&&o&&o.length>1&&i(v,o[0],n,(function(){for(a=1;a<arguments.length-2;a++)void 0===arguments[a]&&(o[a]=void 0)})),o&&S)for(o.groups=s=p(null),a=0;a<S.length;a++)s[(l=S[a])[0]]=o[l[1]];return o}),t.exports=y},function(t,e,n){var r=n(0),o=n(89),i=r["__core-js_shared__"]||o("__core-js_shared__",{});t.exports=i},function(t,e,n){var r=n(0),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},function(t,e,n){var r=n(40),o=n(4);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},function(t,e,n){var r=n(0),o=n(16),i=n(6),a=n(35),u=n(120),c=r.Object;t.exports=u?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return i(e)&&a(e.prototype,c(t))}},function(t,e,n){var r=n(15),o=n(123),i=n(28),a=function(t){return function(e,n,a){var u,c=r(e),s=i(c),l=o(a,s);if(t&&n!=n){for(;s>l;)if((u=c[l++])!=u)return!0}else for(;s>l;l++)if((t||l in c)&&c[l]===n)return t||l||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,n){"use strict";var r={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!r.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:r},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(0),o=n(9),i=n(6),a=n(13),u=n(65),c=n(129),s=u("IE_PROTO"),l=r.Object,p=l.prototype;t.exports=c?l.getPrototypeOf:function(t){var e=a(t);if(o(e,s))return e[s];var n=e.constructor;return i(n)&&e instanceof n?n.prototype:e instanceof l?p:null}},function(t,e,n){var r=n(68),o=n(54),i=n(42),a=n(5)("iterator");t.exports=function(t){if(null!=t)return o(t,a)||o(t,"@@iterator")||i[r(t)]}},function(t,e,n){var r={};r[n(5)("toStringTag")]="z",t.exports="[object z]"===String(r)},function(t,e,n){var r=n(11),o=n(85).EXISTS,i=n(3),a=n(12).f,u=Function.prototype,c=i(u.toString),s=/^\s*function ([^ (]*)/,l=i(s.exec);r&&!o&&a(u,"name",{configurable:!0,get:function(){try{return l(s,c(this))[1]}catch(t){return""}}})},function(t,e,n){var r=n(231),o=n(33),i=Object.prototype,a=i.hasOwnProperty,u=i.propertyIsEnumerable,c=r(function(){return arguments}())?r:function(t){return o(t)&&a.call(t,"callee")&&!u.call(t,"callee")};t.exports=c},function(t,e,n){var r=n(29)(n(21),"Map");t.exports=r},function(t,e){t.exports=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},function(t,e,n){var r=n(251),o=n(258),i=n(260),a=n(261),u=n(262);function c(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}c.prototype.clear=r,c.prototype.delete=o,c.prototype.get=i,c.prototype.has=a,c.prototype.set=u,t.exports=c},function(t,e){t.exports=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}},function(t,e){t.exports=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},function(t,e,n){var r=n(19),o=n(107),i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,a=/^\w*$/;t.exports=function(t,e){if(r(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!o(t))||(a.test(t)||!i.test(t)||null!=e&&t in Object(e))}},function(t,e,n){var r=n(38),o=n(33);t.exports=function(t){return"symbol"==typeof t||o(t)&&"[object Symbol]"==r(t)}},function(t,e){t.exports=function(t){return t}},function(t,e,n){"use strict";var r=n(2),o=n(37).some;r({target:"Array",proto:!0,forced:!n(46)("some")},{some:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(2),o=n(13),i=n(63);r({target:"Object",stat:!0,forced:n(4)((function(){i(1)}))},{keys:function(t){return i(o(t))}})},function(t,e,n){"use strict";var r=n(2),o=n(146);r({target:"Array",proto:!0,forced:[].forEach!=o},{forEach:o})},function(t,e,n){var r=n(0),o=n(142),i=n(143),a=n(146),u=n(24),c=function(t){if(t&&t.forEach!==a)try{u(t,"forEach",a)}catch(e){t.forEach=a}};for(var s in o)o[s]&&c(r[s]&&r[s].prototype);c(i)},function(t,e,n){n(2)({target:"Array",stat:!0},{isArray:n(45)})},function(t,e,n){var r=n(5),o=n(26),i=n(12),a=r("unscopables"),u=Array.prototype;null==u[a]&&i.f(u,a,{configurable:!0,value:o(null)}),t.exports=function(t){u[a][t]=!0}},function(t,e,n){var r=n(4),o=n(6),i=/#|\.prototype\./,a=function(t,e){var n=c[u(t)];return n==l||n!=s&&(o(e)?r(e):!!e)},u=a.normalize=function(t){return String(t).replace(i,".").toLowerCase()},c=a.data={},s=a.NATIVE="N",l=a.POLYFILL="P";t.exports=a},function(t,e,n){var r=n(7),o=n(135),i=n(5)("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||null==(n=r(a)[i])?e:o(n)}},function(t,e,n){var r=n(0),o=n(183),i=r.TypeError;t.exports=function(t){if(o(t))throw i("The method doesn't accept regular expressions");return t}},function(t,e,n){var r=n(5)("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[r]=!1,"/./"[t](e)}catch(t){}}return!1}},function(t,e,n){"use strict";var r=n(15),o=n(114),i=n(42),a=n(31),u=n(125),c=a.set,s=a.getterFor("Array Iterator");t.exports=u(Array,"Array",(function(t,e){c(this,{type:"Array Iterator",target:r(t),index:0,kind:e})}),(function(){var t=s(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:e[r],done:!1}:{value:[r,e[r]],done:!1}}),"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},function(t,e,n){var r=n(90);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},function(t,e,n){var r=n(11),o=n(4),i=n(60);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(3),o=n(9),i=n(15),a=n(92).indexOf,u=n(41),c=r([].push);t.exports=function(t,e){var n,r=i(t),s=0,l=[];for(n in r)!o(u,n)&&o(r,n)&&c(l,n);for(;e.length>s;)o(r,n=e[s++])&&(~a(l,n)||c(l,n));return l}},function(t,e,n){var r=n(64),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},function(t,e,n){var r=n(16);t.exports=r("document","documentElement")},function(t,e,n){"use strict";var r=n(2),o=n(10),i=n(23),a=n(85),u=n(6),c=n(202),s=n(96),l=n(86),p=n(67),f=n(24),h=n(18),d=n(5),v=n(42),m=n(128),y=a.PROPER,g=a.CONFIGURABLE,b=m.IteratorPrototype,j=m.BUGGY_SAFARI_ITERATORS,_=d("iterator"),x=function(){return this};t.exports=function(t,e,n,a,d,m,w){c(n,e,a);var C,P,E,S=function(t){if(t===d&&L)return L;if(!j&&t in A)return A[t];switch(t){case"keys":case"values":case"entries":return function(){return new n(this,t)}}return function(){return new n(this)}},O=e+" Iterator",k=!1,A=t.prototype,M=A[_]||A["@@iterator"]||d&&A[d],L=!j&&M||S(d),R="Array"==e&&A.entries||M;if(R&&(C=s(R.call(new t)))!==Object.prototype&&C.next&&(i||s(C)===b||(l?l(C,b):u(C[_])||h(C,_,x)),p(C,O,!0,!0),i&&(v[O]=x)),y&&"values"==d&&M&&"values"!==M.name&&(!i&&g?f(A,"name","values"):(k=!0,L=function(){return o(M,this)})),d)if(P={values:S("values"),keys:m?L:S("keys"),entries:S("entries")},w)for(E in P)(j||k||!(E in A))&&h(A,E,P[E]);else r({target:e,proto:!0,forced:j||k},P);return i&&!w||A[_]===L||h(A,_,L,{name:d}),v[e]=L,P}},function(t,e,n){var r=n(9),o=n(127),i=n(32),a=n(12);t.exports=function(t,e){for(var n=o(e),u=a.f,c=i.f,s=0;s<n.length;s++){var l=n[s];r(t,l)||u(t,l,c(e,l))}}},function(t,e,n){var r=n(16),o=n(3),i=n(57),a=n(95),u=n(7),c=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(u(t)),n=a.f;return n?c(e,n(t)):e}},function(t,e,n){"use strict";var r,o,i,a=n(4),u=n(6),c=n(26),s=n(96),l=n(18),p=n(5),f=n(23),h=p("iterator"),d=!1;[].keys&&("next"in(i=[].keys())?(o=s(s(i)))!==Object.prototype&&(r=o):d=!0),null==r||a((function(){var t={};return r[h].call(t)!==t}))?r={}:f&&(r=c(r)),u(r[h])||l(r,h,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:d}},function(t,e,n){var r=n(4);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},function(t,e,n){var r=n(0);t.exports=r.Promise},function(t,e,n){var r=n(5),o=n(42),i=r("iterator"),a=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||a[i]===t)}},function(t,e,n){var r=n(0),o=n(10),i=n(27),a=n(7),u=n(62),c=n(97),s=r.TypeError;t.exports=function(t,e){var n=arguments.length<2?c(t):e;if(i(n))return a(o(n,t));throw s(u(t)+" is not iterable")}},function(t,e,n){var r=n(10),o=n(7),i=n(54);t.exports=function(t,e,n){var a,u;o(t);try{if(!(a=i(t,"return"))){if("throw"===e)throw n;return n}a=r(a,t)}catch(t){u=!0,a=t}if("throw"===e)throw n;if(u)throw a;return o(a),n}},function(t,e,n){var r=n(5)("iterator"),o=!1;try{var i=0,a={next:function(){return{done:!!i++}},return:function(){o=!0}};a[r]=function(){return this},Array.from(a,(function(){throw 2}))}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i={};i[r]=function(){return{next:function(){return{done:n=!0}}}},t(i)}catch(t){}return n}},function(t,e,n){var r=n(0),o=n(69),i=n(62),a=r.TypeError;t.exports=function(t){if(o(t))return t;throw a(i(t)+" is not a constructor")}},function(t,e,n){var r,o,i,a,u=n(0),c=n(55),s=n(44),l=n(6),p=n(9),f=n(4),h=n(124),d=n(36),v=n(60),m=n(137),y=n(70),g=u.setImmediate,b=u.clearImmediate,j=u.process,_=u.Dispatch,x=u.Function,w=u.MessageChannel,C=u.String,P=0,E={};try{r=u.location}catch(t){}var S=function(t){if(p(E,t)){var e=E[t];delete E[t],e()}},O=function(t){return function(){S(t)}},k=function(t){S(t.data)},A=function(t){u.postMessage(C(t),r.protocol+"//"+r.host)};g&&b||(g=function(t){var e=d(arguments,1);return E[++P]=function(){c(l(t)?t:x(t),void 0,e)},o(P),P},b=function(t){delete E[t]},y?o=function(t){j.nextTick(O(t))}:_&&_.now?o=function(t){_.now(O(t))}:w&&!m?(a=(i=new w).port2,i.port1.onmessage=k,o=s(a.postMessage,a)):u.addEventListener&&l(u.postMessage)&&!u.importScripts&&r&&"file:"!==r.protocol&&!f(A)?(o=A,u.addEventListener("message",k,!1)):o="onreadystatechange"in v("script")?function(t){h.appendChild(v("script")).onreadystatechange=function(){h.removeChild(this),S(t)}}:function(t){setTimeout(O(t),0)}),t.exports={set:g,clear:b}},function(t,e,n){var r=n(56);t.exports=/(?:ipad|iphone|ipod).*applewebkit/i.test(r)},function(t,e,n){var r=n(7),o=n(8),i=n(139);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){"use strict";var r=n(27),o=function(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)};t.exports.f=function(t){return new o(t)}},function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",a=r.toStringTag||"@@toStringTag";function u(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,n){return t[e]=n}}function c(t,e,n,r){var o=e&&e.prototype instanceof p?e:p,i=Object.create(o.prototype),a=new w(r||[]);return i._invoke=function(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return P()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var u=j(a,n);if(u){if(u===l)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=s(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===l)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(t,n,a),i}function s(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var l={};function p(){}function f(){}function h(){}var d={};u(d,o,(function(){return this}));var v=Object.getPrototypeOf,m=v&&v(v(C([])));m&&m!==e&&n.call(m,o)&&(d=m);var y=h.prototype=p.prototype=Object.create(d);function g(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){var r;this._invoke=function(o,i){function a(){return new e((function(r,a){!function r(o,i,a,u){var c=s(t[o],t,i);if("throw"!==c.type){var l=c.arg,p=l.value;return p&&"object"==typeof p&&n.call(p,"__await")?e.resolve(p.__await).then((function(t){r("next",t,a,u)}),(function(t){r("throw",t,a,u)})):e.resolve(p).then((function(t){l.value=t,a(l)}),(function(t){return r("throw",t,a,u)}))}u(c.arg)}(o,i,r,a)}))}return r=r?r.then(a,a):a()}}function j(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,j(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=s(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function _(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function x(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function w(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function C(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,i=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:P}}function P(){return{value:void 0,done:!0}}return f.prototype=h,u(y,"constructor",h),u(h,"constructor",f),f.displayName=u(h,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,u(t,a,"GeneratorFunction")),t.prototype=Object.create(y),t},t.awrap=function(t){return{__await:t}},g(b.prototype),u(b.prototype,i,(function(){return this})),t.AsyncIterator=b,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new b(c(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},g(y),u(y,a,"Generator"),u(y,o,(function(){return this})),u(y,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=C,w.prototype={constructor:w,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(x),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(n,r){return a.type="throw",a.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var u=n.call(i,"catchLoc"),c=n.call(i,"finallyLoc");if(u&&c){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),x(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:C(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){var r=n(3),o=n(64),i=n(22),a=n(30),u=r("".charAt),c=r("".charCodeAt),s=r("".slice),l=function(t){return function(e,n){var r,l,p=i(a(e)),f=o(n),h=p.length;return f<0||f>=h?t?"":void 0:(r=c(p,f))<55296||r>56319||f+1===h||(l=c(p,f+1))<56320||l>57343?t?u(p,f):r:t?s(p,f,f+2):l-56320+(r-55296<<10)+65536}};t.exports={codeAt:l(!1),charAt:l(!0)}},function(t,e){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},function(t,e,n){var r=n(60)("span").classList,o=r&&r.constructor&&r.constructor.prototype;t.exports=o===Object.prototype?void 0:o},function(t,e,n){var r=n(218);t.exports=function(t,e){return new(r(t))(0===e?0:e)}},function(t,e,n){var r=n(2),o=n(4),i=n(13),a=n(96),u=n(129);r({target:"Object",stat:!0,forced:o((function(){a(1)})),sham:!u},{getPrototypeOf:function(t){return a(i(t))}})},function(t,e,n){"use strict";var r=n(37).forEach,o=n(46)("forEach");t.exports=o?[].forEach:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}},function(t,e,n){var r=n(4);t.exports=!r((function(){return Object.isExtensible(Object.preventExtensions({}))}))},function(t,e,n){var r=n(25),o=n(15),i=n(57).f,a=n(36),u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"Window"==r(t)?function(t){try{return i(t)}catch(t){return a(u)}}(t):i(o(t))}},function(t,e,n){var r=n(5);e.f=r},function(t,e,n){var r=n(225),o=n(9),i=n(149),a=n(12).f;t.exports=function(t){var e=r.Symbol||(r.Symbol={});o(e,t)||a(e,t,{value:i.f(t)})}},function(t,e,n){var r=n(2),o=n(226);r({target:"Array",stat:!0,forced:!n(134)((function(t){Array.from(t)}))},{from:o})},function(t,e,n){n(2)({target:"Object",stat:!0,sham:!n(11)},{create:n(26)})},function(t,e){t.exports=function(t,e){for(var n=-1,r=e.length,o=t.length;++n<r;)t[o+n]=e[n];return t}},function(t,e){var n="object"==typeof global&&global&&global.Object===Object&&global;t.exports=n},function(t,e,n){var r=n(75),o=n(242),i=n(243),a=n(244),u=n(245),c=n(246);function s(t){var e=this.__data__=new r(t);this.size=e.size}s.prototype.clear=o,s.prototype.delete=i,s.prototype.get=a,s.prototype.has=u,s.prototype.set=c,t.exports=s},function(t,e){t.exports=function(t,e){return t===e||t!=t&&e!=e}},function(t,e,n){var r=n(38),o=n(102);t.exports=function(t){if(!o(t))return!1;var e=r(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},function(t,e){var n=Function.prototype.toString;t.exports=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},function(t,e,n){var r=n(263),o=n(33);t.exports=function t(e,n,i,a,u){return e===n||(null==e||null==n||!o(e)&&!o(n)?e!=e&&n!=n:r(e,n,i,a,t,u))}},function(t,e,n){var r=n(161),o=n(266),i=n(162);t.exports=function(t,e,n,a,u,c){var s=1&n,l=t.length,p=e.length;if(l!=p&&!(s&&p>l))return!1;var f=c.get(t),h=c.get(e);if(f&&h)return f==e&&h==t;var d=-1,v=!0,m=2&n?new r:void 0;for(c.set(t,e),c.set(e,t);++d<l;){var y=t[d],g=e[d];if(a)var b=s?a(g,y,d,e,t,c):a(y,g,d,t,e,c);if(void 0!==b){if(b)continue;v=!1;break}if(m){if(!o(e,(function(t,e){if(!i(m,e)&&(y===t||u(y,t,n,a,c)))return m.push(e)}))){v=!1;break}}else if(y!==g&&!u(y,g,n,a,c)){v=!1;break}}return c.delete(t),c.delete(e),v}},function(t,e,n){var r=n(103),o=n(264),i=n(265);function a(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new r;++e<n;)this.add(t[e])}a.prototype.add=a.prototype.push=o,a.prototype.has=i,t.exports=a},function(t,e){t.exports=function(t,e){return t.has(e)}},function(t,e,n){var r=n(276),o=n(282),i=n(168);t.exports=function(t){return i(t)?r(t):o(t)}},function(t,e,n){(function(t){var r=n(21),o=n(278),i=e&&!e.nodeType&&e,a=i&&"object"==typeof t&&t&&!t.nodeType&&t,u=a&&a.exports===i?r.Buffer:void 0,c=(u?u.isBuffer:void 0)||o;t.exports=c}).call(this,n(165)(t))},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e){var n=/^(?:0|[1-9]\d*)$/;t.exports=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},function(t,e,n){var r=n(279),o=n(280),i=n(281),a=i&&i.isTypedArray,u=a?o(a):r;t.exports=u},function(t,e,n){var r=n(157),o=n(105);t.exports=function(t){return null!=t&&o(t.length)&&!r(t)}},function(t,e,n){var r=n(29)(n(21),"Set");t.exports=r},function(t,e,n){var r=n(102);t.exports=function(t){return t==t&&!r(t)}},function(t,e){t.exports=function(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}},function(t,e,n){var r=n(173),o=n(79);t.exports=function(t,e){for(var n=0,i=(e=r(e,t)).length;null!=t&&n<i;)t=t[o(e[n++])];return n&&n==i?t:void 0}},function(t,e,n){var r=n(19),o=n(106),i=n(292),a=n(295);t.exports=function(t,e){return r(t)?t:o(t,e)?[t]:i(a(t))}},function(t,e,n){n(2)({target:"Object",stat:!0},{setPrototypeOf:n(86)})},function(t,e,n){var r=n(2),o=n(16),i=n(55),a=n(325),u=n(135),c=n(7),s=n(8),l=n(26),p=n(4),f=o("Reflect","construct"),h=Object.prototype,d=[].push,v=p((function(){function t(){}return!(f((function(){}),[],t)instanceof t)})),m=!p((function(){f((function(){}))})),y=v||m;r({target:"Reflect",stat:!0,forced:y,sham:y},{construct:function(t,e){u(t),c(e);var n=arguments.length<3?t:u(arguments[2]);if(m&&!v)return f(t,e,n);if(t==n){switch(e.length){case 0:return new t;case 1:return new t(e[0]);case 2:return new t(e[0],e[1]);case 3:return new t(e[0],e[1],e[2]);case 4:return new t(e[0],e[1],e[2],e[3])}var r=[null];return i(d,r,e),new(i(a,t,r))}var o=n.prototype,p=l(s(o)?o:h),y=i(t,p,e);return s(y)?y:p}})},function(t,e,n){},function(t,e,n){},function(t,e,n){var r=n(229),o=n(234),i=n(304),a=n(312),u=n(321),c=n(196),s=i((function(t){var e=c(t);return u(e)&&(e=void 0),a(r(t,1,u,!0),o(e,2))}));t.exports=s},function(t,e){var n=/^\s+|\s+$/g,r=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,i=/^0o[0-7]+$/i,a=parseInt,u="object"==typeof global&&global&&global.Object===Object&&global,c="object"==typeof self&&self&&self.Object===Object&&self,s=u||c||Function("return this")(),l=Object.prototype.toString,p=Math.max,f=Math.min,h=function(){return s.Date.now()};function d(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function v(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==l.call(t)}(t))return NaN;if(d(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=d(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var u=o.test(t);return u||i.test(t)?a(t.slice(2),u?2:8):r.test(t)?NaN:+t}t.exports=function(t,e,n){var r,o,i,a,u,c,s=0,l=!1,m=!1,y=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function g(e){var n=r,i=o;return r=o=void 0,s=e,a=t.apply(i,n)}function b(t){return s=t,u=setTimeout(_,e),l?g(t):a}function j(t){var n=t-c;return void 0===c||n>=e||n<0||m&&t-s>=i}function _(){var t=h();if(j(t))return x(t);u=setTimeout(_,function(t){var n=e-(t-c);return m?f(n,i-(t-s)):n}(t))}function x(t){return u=void 0,y&&r?g(t):(r=o=void 0,a)}function w(){var t=h(),n=j(t);if(r=arguments,o=this,c=t,n){if(void 0===u)return b(c);if(m)return u=setTimeout(_,e),g(c)}return void 0===u&&(u=setTimeout(_,e)),a}return e=v(e)||0,d(n)&&(l=!!n.leading,i=(m="maxWait"in n)?p(v(n.maxWait)||0,e):i,y="trailing"in n?!!n.trailing:y),w.cancel=function(){void 0!==u&&clearTimeout(u),s=0,r=c=o=u=void 0},w.flush=function(){return void 0===u?a:x(h())},w}},function(t,e,n){function r(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(t.exports=r=function(t){return typeof t},t.exports.default=t.exports,t.exports.__esModule=!0):(t.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),r(e)}n(47),n(48),n(14),n(74),n(17),n(20),t.exports=r,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){"use strict";var r=n(2),o=n(0),i=n(4),a=n(45),u=n(8),c=n(13),s=n(28),l=n(72),p=n(144),f=n(73),h=n(5),d=n(40),v=h("isConcatSpreadable"),m=o.TypeError,y=d>=51||!i((function(){var t=[];return t[v]=!1,t.concat()[0]!==t})),g=f("concat"),b=function(t){if(!u(t))return!1;var e=t[v];return void 0!==e?!!e:a(t)};r({target:"Array",proto:!0,forced:!y||!g},{concat:function(t){var e,n,r,o,i,a=c(this),u=p(a,0),f=0;for(e=-1,r=arguments.length;e<r;e++)if(b(i=-1===e?a:arguments[e])){if(f+(o=s(i))>9007199254740991)throw m("Maximum allowed index exceeded");for(n=0;n<o;n++,f++)n in i&&l(u,f,i[n])}else{if(f>=9007199254740991)throw m("Maximum allowed index exceeded");l(u,f++,i)}return u.length=f,u}})},function(t,e,n){"use strict";var r=n(2),o=n(3),i=n(92).indexOf,a=n(46),u=o([].indexOf),c=!!u&&1/u([1],1,-0)<0,s=a("indexOf");r({target:"Array",proto:!0,forced:c||!s},{indexOf:function(t){var e=arguments.length>1?arguments[1]:void 0;return c?u(this,t,e)||0:i(this,t,e)}})},function(t,e,n){var r=n(8),o=n(25),i=n(5)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},function(t,e,n){"use strict";var r=n(7);t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.dotAll&&(e+="s"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},function(t,e,n){var r=n(4),o=n(0).RegExp;e.UNSUPPORTED_Y=r((function(){var t=o("a","y");return t.lastIndex=2,null!=t.exec("abcd")})),e.BROKEN_CARET=r((function(){var t=o("^r","gy");return t.lastIndex=2,null!=t.exec("str")}))},function(t,e,n){"use strict";n(53);var r=n(3),o=n(18),i=n(87),a=n(4),u=n(5),c=n(24),s=u("species"),l=RegExp.prototype;t.exports=function(t,e,n,p){var f=u(t),h=!a((function(){var e={};return e[f]=function(){return 7},7!=""[t](e)})),d=h&&!a((function(){var e=!1,n=/a/;return"split"===t&&((n={}).constructor={},n.constructor[s]=function(){return n},n.flags="",n[f]=/./[f]),n.exec=function(){return e=!0,null},n[f](""),!e}));if(!h||!d||n){var v=r(/./[f]),m=e(f,""[t],(function(t,e,n,o,a){var u=r(t),c=e.exec;return c===i||c===l.exec?h&&!a?{done:!0,value:v(e,n,o)}:{done:!0,value:u(n,e,o)}:{done:!1}}));o(String.prototype,t,m[0]),o(l,f,m[1])}p&&c(l[f],"sham",!0)}},function(t,e,n){"use strict";var r=n(141).charAt;t.exports=function(t,e,n){return e+(n?r(t,e).length:1)}},function(t,e,n){var r=n(0),o=n(10),i=n(7),a=n(6),u=n(25),c=n(87),s=r.TypeError;t.exports=function(t,e){var n=t.exec;if(a(n)){var r=o(n,t,e);return null!==r&&i(r),r}if("RegExp"===u(t))return o(c,t,e);throw s("RegExp#exec called on incompatible receiver")}},function(t,e,n){"use strict";var r=n(2),o=n(92).includes,i=n(114);r({target:"Array",proto:!0},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("includes")},function(t,e,n){"use strict";var r=n(2),o=n(3),i=n(117),a=n(30),u=n(22),c=n(118),s=o("".indexOf);r({target:"String",proto:!0,forced:!c("includes")},{includes:function(t){return!!~s(u(a(this)),u(i(t)),arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){"use strict";var r=n(2),o=n(3),i=n(39),a=n(15),u=n(46),c=o([].join),s=i!=Object,l=u("join",",");r({target:"Array",proto:!0,forced:s||!l},{join:function(t){return c(a(this),void 0===t?",":t)}})},function(t,e,n){"use strict";var r=n(16),o=n(12),i=n(5),a=n(11),u=i("species");t.exports=function(t){var e=r(t),n=o.f;a&&e&&!e[u]&&n(e,u,{configurable:!0,get:function(){return this}})}},function(t,e,n){var r=n(4),o=n(0).RegExp;t.exports=r((function(){var t=o(".","s");return!(t.dotAll&&t.exec("\n")&&"s"===t.flags)}))},function(t,e,n){var r=n(4),o=n(0).RegExp;t.exports=r((function(){var t=o("(?<a>b)","g");return"b"!==t.exec("b").groups.a||"bc"!=="b".replace(t,"$<a>c")}))},function(t,e,n){var r=n(172);t.exports=function(t,e,n){var o=null==t?void 0:r(t,e);return void 0===o?n:o}},function(t,e){t.exports=function(t){var e=null==t?0:t.length;return e?t[e-1]:void 0}},function(t,e,n){t.exports=n(328)},function(t,e,n){var r=n(11),o=n(12),i=n(7),a=n(15),u=n(63);t.exports=r?Object.defineProperties:function(t,e){i(t);for(var n,r=a(e),c=u(e),s=c.length,l=0;s>l;)o.f(t,n=c[l++],r[n]);return t}},function(t,e,n){var r=n(0),o=n(10),i=n(8),a=n(91),u=n(54),c=n(200),s=n(5),l=r.TypeError,p=s("toPrimitive");t.exports=function(t,e){if(!i(t)||a(t))return t;var n,r=u(t,p);if(r){if(void 0===e&&(e="default"),n=o(r,t,e),!i(n)||a(n))return n;throw l("Can't convert object to primitive value")}return void 0===e&&(e="number"),c(t,e)}},function(t,e,n){var r=n(0),o=n(10),i=n(6),a=n(8),u=r.TypeError;t.exports=function(t,e){var n,r;if("string"===e&&i(n=t.toString)&&!a(r=o(n,t)))return r;if(i(n=t.valueOf)&&!a(r=o(n,t)))return r;if("string"!==e&&i(n=t.toString)&&!a(r=o(n,t)))return r;throw u("Can't convert object to primitive value")}},function(t,e,n){var r=n(0),o=n(6),i=n(66),a=r.WeakMap;t.exports=o(a)&&/native code/.test(i(a))},function(t,e,n){"use strict";var r=n(128).IteratorPrototype,o=n(26),i=n(43),a=n(67),u=n(42),c=function(){return this};t.exports=function(t,e,n){var s=e+" Iterator";return t.prototype=o(r,{next:i(1,n)}),a(t,s,!1,!0),u[s]=c,t}},function(t,e,n){var r=n(0),o=n(6),i=r.String,a=r.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw a("Can't set "+i(t)+" as a prototype")}},function(t,e,n){"use strict";var r,o,i,a,u=n(2),c=n(23),s=n(0),l=n(16),p=n(10),f=n(130),h=n(18),d=n(205),v=n(86),m=n(67),y=n(192),g=n(27),b=n(6),j=n(8),_=n(206),x=n(66),w=n(207),C=n(134),P=n(116),E=n(136).set,S=n(208),O=n(138),k=n(211),A=n(139),M=n(212),L=n(31),R=n(115),T=n(5),$=n(213),I=n(70),U=n(40),G=T("species"),D=L.get,B=L.set,N=L.getterFor("Promise"),F=f&&f.prototype,q=f,V=F,H=s.TypeError,z=s.document,W=s.process,K=A.f,J=K,Y=!!(z&&z.createEvent&&s.dispatchEvent),X=b(s.PromiseRejectionEvent),Q=!1,Z=R("Promise",(function(){var t=x(q),e=t!==String(q);if(!e&&66===U)return!0;if(c&&!V.finally)return!0;if(U>=51&&/native code/.test(t))return!1;var n=new q((function(t){t(1)})),r=function(t){t((function(){}),(function(){}))};return(n.constructor={})[G]=r,!(Q=n.then((function(){}))instanceof r)||!e&&$&&!X})),tt=Z||!C((function(t){q.all(t).catch((function(){}))})),et=function(t){var e;return!(!j(t)||!b(e=t.then))&&e},nt=function(t,e){if(!t.notified){t.notified=!0;var n=t.reactions;S((function(){for(var r=t.value,o=1==t.state,i=0;n.length>i;){var a,u,c,s=n[i++],l=o?s.ok:s.fail,f=s.resolve,h=s.reject,d=s.domain;try{l?(o||(2===t.rejection&&at(t),t.rejection=1),!0===l?a=r:(d&&d.enter(),a=l(r),d&&(d.exit(),c=!0)),a===s.promise?h(H("Promise-chain cycle")):(u=et(a))?p(u,a,f,h):f(a)):h(r)}catch(t){d&&!c&&d.exit(),h(t)}}t.reactions=[],t.notified=!1,e&&!t.rejection&&ot(t)}))}},rt=function(t,e,n){var r,o;Y?((r=z.createEvent("Event")).promise=e,r.reason=n,r.initEvent(t,!1,!0),s.dispatchEvent(r)):r={promise:e,reason:n},!X&&(o=s["on"+t])?o(r):"unhandledrejection"===t&&k("Unhandled promise rejection",n)},ot=function(t){p(E,s,(function(){var e,n=t.facade,r=t.value;if(it(t)&&(e=M((function(){I?W.emit("unhandledRejection",r,n):rt("unhandledrejection",n,r)})),t.rejection=I||it(t)?2:1,e.error))throw e.value}))},it=function(t){return 1!==t.rejection&&!t.parent},at=function(t){p(E,s,(function(){var e=t.facade;I?W.emit("rejectionHandled",e):rt("rejectionhandled",e,t.value)}))},ut=function(t,e,n){return function(r){t(e,r,n)}},ct=function(t,e,n){t.done||(t.done=!0,n&&(t=n),t.value=e,t.state=2,nt(t,!0))},st=function(t,e,n){if(!t.done){t.done=!0,n&&(t=n);try{if(t.facade===e)throw H("Promise can't be resolved itself");var r=et(e);r?S((function(){var n={done:!1};try{p(r,e,ut(st,n,t),ut(ct,n,t))}catch(e){ct(n,e,t)}})):(t.value=e,t.state=1,nt(t,!1))}catch(e){ct({done:!1},e,t)}}};if(Z&&(V=(q=function(t){_(this,V),g(t),p(r,this);var e=D(this);try{t(ut(st,e),ut(ct,e))}catch(t){ct(e,t)}}).prototype,(r=function(t){B(this,{type:"Promise",done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:0,value:void 0})}).prototype=d(V,{then:function(t,e){var n=N(this),r=n.reactions,o=K(P(this,q));return o.ok=!b(t)||t,o.fail=b(e)&&e,o.domain=I?W.domain:void 0,n.parent=!0,r[r.length]=o,0!=n.state&&nt(n,!1),o.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r,e=D(t);this.promise=t,this.resolve=ut(st,e),this.reject=ut(ct,e)},A.f=K=function(t){return t===q||t===i?new o(t):J(t)},!c&&b(f)&&F!==Object.prototype)){a=F.then,Q||(h(F,"then",(function(t,e){var n=this;return new q((function(t,e){p(a,n,t,e)})).then(t,e)}),{unsafe:!0}),h(F,"catch",V.catch,{unsafe:!0}));try{delete F.constructor}catch(t){}v&&v(F,V)}u({global:!0,wrap:!0,forced:Z},{Promise:q}),m(q,"Promise",!1,!0),y("Promise"),i=l("Promise"),u({target:"Promise",stat:!0,forced:Z},{reject:function(t){var e=K(this);return p(e.reject,void 0,t),e.promise}}),u({target:"Promise",stat:!0,forced:c||Z},{resolve:function(t){return O(c&&this===i?q:this,t)}}),u({target:"Promise",stat:!0,forced:tt},{all:function(t){var e=this,n=K(e),r=n.resolve,o=n.reject,i=M((function(){var n=g(e.resolve),i=[],a=0,u=1;w(t,(function(t){var c=a++,s=!1;u++,p(n,e,t).then((function(t){s||(s=!0,i[c]=t,--u||r(i))}),o)})),--u||r(i)}));return i.error&&o(i.value),n.promise},race:function(t){var e=this,n=K(e),r=n.reject,o=M((function(){var o=g(e.resolve);w(t,(function(t){p(o,e,t).then(n.resolve,r)}))}));return o.error&&r(o.value),n.promise}})},function(t,e,n){var r=n(18);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){var r=n(0),o=n(35),i=r.TypeError;t.exports=function(t,e){if(o(e,t))return t;throw i("Incorrect invocation")}},function(t,e,n){var r=n(0),o=n(44),i=n(10),a=n(7),u=n(62),c=n(131),s=n(28),l=n(35),p=n(132),f=n(97),h=n(133),d=r.TypeError,v=function(t,e){this.stopped=t,this.result=e},m=v.prototype;t.exports=function(t,e,n){var r,y,g,b,j,_,x,w=n&&n.that,C=!(!n||!n.AS_ENTRIES),P=!(!n||!n.IS_ITERATOR),E=!(!n||!n.INTERRUPTED),S=o(e,w),O=function(t){return r&&h(r,"normal",t),new v(!0,t)},k=function(t){return C?(a(t),E?S(t[0],t[1],O):S(t[0],t[1])):E?S(t,O):S(t)};if(P)r=t;else{if(!(y=f(t)))throw d(u(t)+" is not iterable");if(c(y)){for(g=0,b=s(t);b>g;g++)if((j=k(t[g]))&&l(m,j))return j;return new v(!1)}r=p(t,y)}for(_=r.next;!(x=i(_,r)).done;){try{j=k(x.value)}catch(t){h(r,"throw",t)}if("object"==typeof j&&j&&l(m,j))return j}return new v(!1)}},function(t,e,n){var r,o,i,a,u,c,s,l,p=n(0),f=n(44),h=n(32).f,d=n(136).set,v=n(137),m=n(209),y=n(210),g=n(70),b=p.MutationObserver||p.WebKitMutationObserver,j=p.document,_=p.process,x=p.Promise,w=h(p,"queueMicrotask"),C=w&&w.value;C||(r=function(){var t,e;for(g&&(t=_.domain)&&t.exit();o;){e=o.fn,o=o.next;try{e()}catch(t){throw o?a():i=void 0,t}}i=void 0,t&&t.enter()},v||g||y||!b||!j?!m&&x&&x.resolve?((s=x.resolve(void 0)).constructor=x,l=f(s.then,s),a=function(){l(r)}):g?a=function(){_.nextTick(r)}:(d=f(d,p),a=function(){d(r)}):(u=!0,c=j.createTextNode(""),new b(r).observe(c,{characterData:!0}),a=function(){c.data=u=!u})),t.exports=C||function(t){var e={fn:t,next:void 0};i&&(i.next=e),o||(o=e,a()),i=e}},function(t,e,n){var r=n(56),o=n(0);t.exports=/ipad|iphone|ipod/i.test(r)&&void 0!==o.Pebble},function(t,e,n){var r=n(56);t.exports=/web0s(?!.*chrome)/i.test(r)},function(t,e,n){var r=n(0);t.exports=function(t,e){var n=r.console;n&&n.error&&(1==arguments.length?n.error(t):n.error(t,e))}},function(t,e){t.exports=function(t){try{return{error:!1,value:t()}}catch(t){return{error:!0,value:t}}}},function(t,e){t.exports="object"==typeof window},function(t,e,n){var r=n(2),o=n(215);r({target:"Object",stat:!0,forced:Object.assign!==o},{assign:o})},function(t,e,n){"use strict";var r=n(11),o=n(3),i=n(10),a=n(4),u=n(63),c=n(95),s=n(94),l=n(13),p=n(39),f=Object.assign,h=Object.defineProperty,d=o([].concat);t.exports=!f||a((function(){if(r&&1!==f({b:1},f(h({},"a",{enumerable:!0,get:function(){h(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},n=Symbol();return t[n]=7,"abcdefghijklmnopqrst".split("").forEach((function(t){e[t]=t})),7!=f({},t)[n]||"abcdefghijklmnopqrst"!=u(f({},e)).join("")}))?function(t,e){for(var n=l(t),o=arguments.length,a=1,f=c.f,h=s.f;o>a;)for(var v,m=p(arguments[a++]),y=f?d(u(m),f(m)):u(m),g=y.length,b=0;g>b;)v=y[b++],r&&!i(h,m,v)||(n[v]=m[v]);return n}:f},function(t,e,n){"use strict";var r=n(2),o=n(23),i=n(130),a=n(4),u=n(16),c=n(6),s=n(116),l=n(138),p=n(18);if(r({target:"Promise",proto:!0,real:!0,forced:!!i&&a((function(){i.prototype.finally.call({then:function(){}},(function(){}))}))},{finally:function(t){var e=s(this,u("Promise")),n=c(t);return this.then(n?function(n){return l(e,t()).then((function(){return n}))}:t,n?function(n){return l(e,t()).then((function(){throw n}))}:t)}}),!o&&c(i)){var f=u("Promise").prototype.finally;i.prototype.finally!==f&&p(i.prototype,"finally",f,{unsafe:!0})}},function(t,e,n){"use strict";var r=n(98),o=n(68);t.exports=r?{}.toString:function(){return"[object "+o(this)+"]"}},function(t,e,n){var r=n(0),o=n(45),i=n(69),a=n(8),u=n(5)("species"),c=r.Array;t.exports=function(t){var e;return o(t)&&(e=t.constructor,(i(e)&&(e===c||o(e.prototype))||a(e)&&null===(e=e[u]))&&(e=void 0)),void 0===e?c:e}},function(t,e,n){var r=n(2),o=n(11),i=n(127),a=n(15),u=n(32),c=n(72);r({target:"Object",stat:!0,sham:!o},{getOwnPropertyDescriptors:function(t){for(var e,n,r=a(t),o=u.f,s=i(r),l={},p=0;s.length>p;)void 0!==(n=o(r,e=s[p++]))&&c(l,e,n);return l}})},function(t,e,n){"use strict";var r=n(2),o=n(221).left,i=n(46),a=n(40),u=n(70);r({target:"Array",proto:!0,forced:!i("reduce")||!u&&a>79&&a<83},{reduce:function(t){var e=arguments.length;return o(this,t,e,e>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(0),o=n(27),i=n(13),a=n(39),u=n(28),c=r.TypeError,s=function(t){return function(e,n,r,s){o(n);var l=i(e),p=a(l),f=u(l),h=t?f-1:0,d=t?-1:1;if(r<2)for(;;){if(h in p){s=p[h],h+=d;break}if(h+=d,t?h<0:f<=h)throw c("Reduce of empty array with no initial value")}for(;t?h>=0:f>h;h+=d)h in p&&(s=n(s,p[h],h,l));return s}};t.exports={left:s(!1),right:s(!0)}},function(t,e,n){"use strict";var r,o=n(2),i=n(3),a=n(32).f,u=n(84),c=n(22),s=n(117),l=n(30),p=n(118),f=n(23),h=i("".startsWith),d=i("".slice),v=Math.min,m=p("startsWith");o({target:"String",proto:!0,forced:!!(f||m||(r=a(String.prototype,"startsWith"),!r||r.writable))&&!m},{startsWith:function(t){var e=c(l(this));s(t);var n=u(v(arguments.length>1?arguments[1]:void 0,e.length)),r=c(t);return h?h(e,r,n):d(e,n,n+r.length)===r}})},function(t,e,n){var r=n(2),o=n(147),i=n(4),a=n(8),u=n(224).onFreeze,c=Object.freeze;r({target:"Object",stat:!0,forced:i((function(){c(1)})),sham:!o},{freeze:function(t){return c&&a(t)?c(u(t)):t}})},function(t,e,n){var r=n(2),o=n(3),i=n(41),a=n(8),u=n(9),c=n(12).f,s=n(57),l=n(148),p=n(59),f=n(147),h=!1,d=p("meta"),v=0,m=Object.isExtensible||function(){return!0},y=function(t){c(t,d,{value:{objectID:"O"+v++,weakData:{}}})},g=t.exports={enable:function(){g.enable=function(){},h=!0;var t=s.f,e=o([].splice),n={};n[d]=1,t(n).length&&(s.f=function(n){for(var r=t(n),o=0,i=r.length;o<i;o++)if(r[o]===d){e(r,o,1);break}return r},r({target:"Object",stat:!0,forced:!0},{getOwnPropertyNames:l.f}))},fastKey:function(t,e){if(!a(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!u(t,d)){if(!m(t))return"F";if(!e)return"E";y(t)}return t[d].objectID},getWeakData:function(t,e){if(!u(t,d)){if(!m(t))return!0;if(!e)return!1;y(t)}return t[d].weakData},onFreeze:function(t){return f&&h&&m(t)&&!u(t,d)&&y(t),t}};i[d]=!0},function(t,e,n){var r=n(0);t.exports=r},function(t,e,n){"use strict";var r=n(0),o=n(44),i=n(10),a=n(13),u=n(227),c=n(131),s=n(69),l=n(28),p=n(72),f=n(132),h=n(97),d=r.Array;t.exports=function(t){var e=a(t),n=s(this),r=arguments.length,v=r>1?arguments[1]:void 0,m=void 0!==v;m&&(v=o(v,r>2?arguments[2]:void 0));var y,g,b,j,_,x,w=h(e),C=0;if(!w||this==d&&c(w))for(y=l(e),g=n?new this(y):d(y);y>C;C++)x=m?v(e[C],C):e[C],p(g,C,x);else for(_=(j=f(e,w)).next,g=n?new this:[];!(b=i(_,j)).done;C++)x=m?u(j,v,[b.value,C],!0):b.value,p(g,C,x);return g.length=C,g}},function(t,e,n){var r=n(7),o=n(133);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){o(t,"throw",e)}}},function(t,e,n){var r=n(3),o=n(13),i=Math.floor,a=r("".charAt),u=r("".replace),c=r("".slice),s=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,l=/\$([$&'`]|\d{1,2})/g;t.exports=function(t,e,n,r,p,f){var h=n+t.length,d=r.length,v=l;return void 0!==p&&(p=o(p),v=s),u(f,v,(function(o,u){var s;switch(a(u,0)){case"$":return"$";case"&":return t;case"`":return c(e,0,n);case"'":return c(e,h);case"<":s=p[c(u,1,-1)];break;default:var l=+u;if(0===l)return o;if(l>d){var f=i(l/10);return 0===f?o:f<=d?void 0===r[f-1]?a(u,1):r[f-1]+a(u,1):o}s=r[l-1]}return void 0===s?"":s}))}},function(t,e,n){var r=n(153),o=n(230);t.exports=function t(e,n,i,a,u){var c=-1,s=e.length;for(i||(i=o),u||(u=[]);++c<s;){var l=e[c];n>0&&i(l)?n>1?t(l,n-1,i,a,u):r(u,l):a||(u[u.length]=l)}return u}},function(t,e,n){var r=n(49),o=n(100),i=n(19),a=r?r.isConcatSpreadable:void 0;t.exports=function(t){return i(t)||o(t)||!!(a&&t&&t[a])}},function(t,e,n){var r=n(38),o=n(33);t.exports=function(t){return o(t)&&"[object Arguments]"==r(t)}},function(t,e,n){var r=n(49),o=Object.prototype,i=o.hasOwnProperty,a=o.toString,u=r?r.toStringTag:void 0;t.exports=function(t){var e=i.call(t,u),n=t[u];try{t[u]=void 0;var r=!0}catch(t){}var o=a.call(t);return r&&(e?t[u]=n:delete t[u]),o}},function(t,e){var n=Object.prototype.toString;t.exports=function(t){return n.call(t)}},function(t,e,n){var r=n(235),o=n(291),i=n(108),a=n(19),u=n(301);t.exports=function(t){return"function"==typeof t?t:null==t?i:"object"==typeof t?a(t)?o(t[0],t[1]):r(t):u(t)}},function(t,e,n){var r=n(236),o=n(290),i=n(171);t.exports=function(t){var e=o(t);return 1==e.length&&e[0][2]?i(e[0][0],e[0][1]):function(n){return n===t||r(n,t,e)}}},function(t,e,n){var r=n(155),o=n(159);t.exports=function(t,e,n,i){var a=n.length,u=a,c=!i;if(null==t)return!u;for(t=Object(t);a--;){var s=n[a];if(c&&s[2]?s[1]!==t[s[0]]:!(s[0]in t))return!1}for(;++a<u;){var l=(s=n[a])[0],p=t[l],f=s[1];if(c&&s[2]){if(void 0===p&&!(l in t))return!1}else{var h=new r;if(i)var d=i(p,f,l,t,e,h);if(!(void 0===d?o(f,p,3,i,h):d))return!1}}return!0}},function(t,e){t.exports=function(){this.__data__=[],this.size=0}},function(t,e,n){var r=n(76),o=Array.prototype.splice;t.exports=function(t){var e=this.__data__,n=r(e,t);return!(n<0)&&(n==e.length-1?e.pop():o.call(e,n,1),--this.size,!0)}},function(t,e,n){var r=n(76);t.exports=function(t){var e=this.__data__,n=r(e,t);return n<0?void 0:e[n][1]}},function(t,e,n){var r=n(76);t.exports=function(t){return r(this.__data__,t)>-1}},function(t,e,n){var r=n(76);t.exports=function(t,e){var n=this.__data__,o=r(n,t);return o<0?(++this.size,n.push([t,e])):n[o][1]=e,this}},function(t,e,n){var r=n(75);t.exports=function(){this.__data__=new r,this.size=0}},function(t,e){t.exports=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}},function(t,e){t.exports=function(t){return this.__data__.get(t)}},function(t,e){t.exports=function(t){return this.__data__.has(t)}},function(t,e,n){var r=n(75),o=n(101),i=n(103);t.exports=function(t,e){var n=this.__data__;if(n instanceof r){var a=n.__data__;if(!o||a.length<199)return a.push([t,e]),this.size=++n.size,this;n=this.__data__=new i(a)}return n.set(t,e),this.size=n.size,this}},function(t,e,n){var r=n(157),o=n(248),i=n(102),a=n(158),u=/^\[object .+?Constructor\]$/,c=Function.prototype,s=Object.prototype,l=c.toString,p=s.hasOwnProperty,f=RegExp("^"+l.call(p).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");t.exports=function(t){return!(!i(t)||o(t))&&(r(t)?f:u).test(a(t))}},function(t,e,n){var r,o=n(249),i=(r=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"";t.exports=function(t){return!!i&&i in t}},function(t,e,n){var r=n(21)["__core-js_shared__"];t.exports=r},function(t,e){t.exports=function(t,e){return null==t?void 0:t[e]}},function(t,e,n){var r=n(252),o=n(75),i=n(101);t.exports=function(){this.size=0,this.__data__={hash:new r,map:new(i||o),string:new r}}},function(t,e,n){var r=n(253),o=n(254),i=n(255),a=n(256),u=n(257);function c(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}c.prototype.clear=r,c.prototype.delete=o,c.prototype.get=i,c.prototype.has=a,c.prototype.set=u,t.exports=c},function(t,e,n){var r=n(77);t.exports=function(){this.__data__=r?r(null):{},this.size=0}},function(t,e){t.exports=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}},function(t,e,n){var r=n(77),o=Object.prototype.hasOwnProperty;t.exports=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return o.call(e,t)?e[t]:void 0}},function(t,e,n){var r=n(77),o=Object.prototype.hasOwnProperty;t.exports=function(t){var e=this.__data__;return r?void 0!==e[t]:o.call(e,t)}},function(t,e,n){var r=n(77);t.exports=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this}},function(t,e,n){var r=n(78);t.exports=function(t){var e=r(this,t).delete(t);return this.size-=e?1:0,e}},function(t,e){t.exports=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t}},function(t,e,n){var r=n(78);t.exports=function(t){return r(this,t).get(t)}},function(t,e,n){var r=n(78);t.exports=function(t){return r(this,t).has(t)}},function(t,e,n){var r=n(78);t.exports=function(t,e){var n=r(this,t),o=n.size;return n.set(t,e),this.size+=n.size==o?0:1,this}},function(t,e,n){var r=n(155),o=n(160),i=n(267),a=n(270),u=n(286),c=n(19),s=n(164),l=n(167),p="[object Object]",f=Object.prototype.hasOwnProperty;t.exports=function(t,e,n,h,d,v){var m=c(t),y=c(e),g=m?"[object Array]":u(t),b=y?"[object Array]":u(e),j=(g="[object Arguments]"==g?p:g)==p,_=(b="[object Arguments]"==b?p:b)==p,x=g==b;if(x&&s(t)){if(!s(e))return!1;m=!0,j=!1}if(x&&!j)return v||(v=new r),m||l(t)?o(t,e,n,h,d,v):i(t,e,g,n,h,d,v);if(!(1&n)){var w=j&&f.call(t,"__wrapped__"),C=_&&f.call(e,"__wrapped__");if(w||C){var P=w?t.value():t,E=C?e.value():e;return v||(v=new r),d(P,E,n,h,v)}}return!!x&&(v||(v=new r),a(t,e,n,h,d,v))}},function(t,e){t.exports=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this}},function(t,e){t.exports=function(t){return this.__data__.has(t)}},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}},function(t,e,n){var r=n(49),o=n(268),i=n(156),a=n(160),u=n(269),c=n(104),s=r?r.prototype:void 0,l=s?s.valueOf:void 0;t.exports=function(t,e,n,r,s,p,f){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!p(new o(t),new o(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return i(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var h=u;case"[object Set]":var d=1&r;if(h||(h=c),t.size!=e.size&&!d)return!1;var v=f.get(t);if(v)return v==e;r|=2,f.set(t,e);var m=a(h(t),h(e),r,s,p,f);return f.delete(t),m;case"[object Symbol]":if(l)return l.call(t)==l.call(e)}return!1}},function(t,e,n){var r=n(21).Uint8Array;t.exports=r},function(t,e){t.exports=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}},function(t,e,n){var r=n(271),o=Object.prototype.hasOwnProperty;t.exports=function(t,e,n,i,a,u){var c=1&n,s=r(t),l=s.length;if(l!=r(e).length&&!c)return!1;for(var p=l;p--;){var f=s[p];if(!(c?f in e:o.call(e,f)))return!1}var h=u.get(t),d=u.get(e);if(h&&d)return h==e&&d==t;var v=!0;u.set(t,e),u.set(e,t);for(var m=c;++p<l;){var y=t[f=s[p]],g=e[f];if(i)var b=c?i(g,y,f,e,t,u):i(y,g,f,t,e,u);if(!(void 0===b?y===g||a(y,g,n,i,u):b)){v=!1;break}m||(m="constructor"==f)}if(v&&!m){var j=t.constructor,_=e.constructor;j==_||!("constructor"in t)||!("constructor"in e)||"function"==typeof j&&j instanceof j&&"function"==typeof _&&_ instanceof _||(v=!1)}return u.delete(t),u.delete(e),v}},function(t,e,n){var r=n(272),o=n(273),i=n(163);t.exports=function(t){return r(t,i,o)}},function(t,e,n){var r=n(153),o=n(19);t.exports=function(t,e,n){var i=e(t);return o(t)?i:r(i,n(t))}},function(t,e,n){var r=n(274),o=n(275),i=Object.prototype.propertyIsEnumerable,a=Object.getOwnPropertySymbols,u=a?function(t){return null==t?[]:(t=Object(t),r(a(t),(function(e){return i.call(t,e)})))}:o;t.exports=u},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length,o=0,i=[];++n<r;){var a=t[n];e(a,n,t)&&(i[o++]=a)}return i}},function(t,e){t.exports=function(){return[]}},function(t,e,n){var r=n(277),o=n(100),i=n(19),a=n(164),u=n(166),c=n(167),s=Object.prototype.hasOwnProperty;t.exports=function(t,e){var n=i(t),l=!n&&o(t),p=!n&&!l&&a(t),f=!n&&!l&&!p&&c(t),h=n||l||p||f,d=h?r(t.length,String):[],v=d.length;for(var m in t)!e&&!s.call(t,m)||h&&("length"==m||p&&("offset"==m||"parent"==m)||f&&("buffer"==m||"byteLength"==m||"byteOffset"==m)||u(m,v))||d.push(m);return d}},function(t,e){t.exports=function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}},function(t,e){t.exports=function(){return!1}},function(t,e,n){var r=n(38),o=n(105),i=n(33),a={};a["[object Float32Array]"]=a["[object Float64Array]"]=a["[object Int8Array]"]=a["[object Int16Array]"]=a["[object Int32Array]"]=a["[object Uint8Array]"]=a["[object Uint8ClampedArray]"]=a["[object Uint16Array]"]=a["[object Uint32Array]"]=!0,a["[object Arguments]"]=a["[object Array]"]=a["[object ArrayBuffer]"]=a["[object Boolean]"]=a["[object DataView]"]=a["[object Date]"]=a["[object Error]"]=a["[object Function]"]=a["[object Map]"]=a["[object Number]"]=a["[object Object]"]=a["[object RegExp]"]=a["[object Set]"]=a["[object String]"]=a["[object WeakMap]"]=!1,t.exports=function(t){return i(t)&&o(t.length)&&!!a[r(t)]}},function(t,e){t.exports=function(t){return function(e){return t(e)}}},function(t,e,n){(function(t){var r=n(154),o=e&&!e.nodeType&&e,i=o&&"object"==typeof t&&t&&!t.nodeType&&t,a=i&&i.exports===o&&r.process,u=function(){try{var t=i&&i.require&&i.require("util").types;return t||a&&a.binding&&a.binding("util")}catch(t){}}();t.exports=u}).call(this,n(165)(t))},function(t,e,n){var r=n(283),o=n(284),i=Object.prototype.hasOwnProperty;t.exports=function(t){if(!r(t))return o(t);var e=[];for(var n in Object(t))i.call(t,n)&&"constructor"!=n&&e.push(n);return e}},function(t,e){var n=Object.prototype;t.exports=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},function(t,e,n){var r=n(285)(Object.keys,Object);t.exports=r},function(t,e){t.exports=function(t,e){return function(n){return t(e(n))}}},function(t,e,n){var r=n(287),o=n(101),i=n(288),a=n(169),u=n(289),c=n(38),s=n(158),l=s(r),p=s(o),f=s(i),h=s(a),d=s(u),v=c;(r&&"[object DataView]"!=v(new r(new ArrayBuffer(1)))||o&&"[object Map]"!=v(new o)||i&&"[object Promise]"!=v(i.resolve())||a&&"[object Set]"!=v(new a)||u&&"[object WeakMap]"!=v(new u))&&(v=function(t){var e=c(t),n="[object Object]"==e?t.constructor:void 0,r=n?s(n):"";if(r)switch(r){case l:return"[object DataView]";case p:return"[object Map]";case f:return"[object Promise]";case h:return"[object Set]";case d:return"[object WeakMap]"}return e}),t.exports=v},function(t,e,n){var r=n(29)(n(21),"DataView");t.exports=r},function(t,e,n){var r=n(29)(n(21),"Promise");t.exports=r},function(t,e,n){var r=n(29)(n(21),"WeakMap");t.exports=r},function(t,e,n){var r=n(170),o=n(163);t.exports=function(t){for(var e=o(t),n=e.length;n--;){var i=e[n],a=t[i];e[n]=[i,a,r(a)]}return e}},function(t,e,n){var r=n(159),o=n(195),i=n(298),a=n(106),u=n(170),c=n(171),s=n(79);t.exports=function(t,e){return a(t)&&u(e)?c(s(t),e):function(n){var a=o(n,t);return void 0===a&&a===e?i(n,t):r(e,a,3)}}},function(t,e,n){var r=n(293),o=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,i=/\\(\\)?/g,a=r((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(o,(function(t,n,r,o){e.push(r?o.replace(i,"$1"):n||t)})),e}));t.exports=a},function(t,e,n){var r=n(294);t.exports=function(t){var e=r(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}},function(t,e,n){var r=n(103);function o(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=t.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(o.Cache||r),n}o.Cache=r,t.exports=o},function(t,e,n){var r=n(296);t.exports=function(t){return null==t?"":r(t)}},function(t,e,n){var r=n(49),o=n(297),i=n(19),a=n(107),u=r?r.prototype:void 0,c=u?u.toString:void 0;t.exports=function t(e){if("string"==typeof e)return e;if(i(e))return o(e,t)+"";if(a(e))return c?c.call(e):"";var n=e+"";return"0"==n&&1/e==-1/0?"-0":n}},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o}},function(t,e,n){var r=n(299),o=n(300);t.exports=function(t,e){return null!=t&&o(t,e,r)}},function(t,e){t.exports=function(t,e){return null!=t&&e in Object(t)}},function(t,e,n){var r=n(173),o=n(100),i=n(19),a=n(166),u=n(105),c=n(79);t.exports=function(t,e,n){for(var s=-1,l=(e=r(e,t)).length,p=!1;++s<l;){var f=c(e[s]);if(!(p=null!=t&&n(t,f)))break;t=t[f]}return p||++s!=l?p:!!(l=null==t?0:t.length)&&u(l)&&a(f,l)&&(i(t)||o(t))}},function(t,e,n){var r=n(302),o=n(303),i=n(106),a=n(79);t.exports=function(t){return i(t)?r(a(t)):o(t)}},function(t,e){t.exports=function(t){return function(e){return null==e?void 0:e[t]}}},function(t,e,n){var r=n(172);t.exports=function(t){return function(e){return r(e,t)}}},function(t,e,n){var r=n(108),o=n(305),i=n(307);t.exports=function(t,e){return i(o(t,e,r),t+"")}},function(t,e,n){var r=n(306),o=Math.max;t.exports=function(t,e,n){return e=o(void 0===e?t.length-1:e,0),function(){for(var i=arguments,a=-1,u=o(i.length-e,0),c=Array(u);++a<u;)c[a]=i[e+a];a=-1;for(var s=Array(e+1);++a<e;)s[a]=i[a];return s[e]=n(c),r(t,this,s)}}},function(t,e){t.exports=function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}},function(t,e,n){var r=n(308),o=n(311)(r);t.exports=o},function(t,e,n){var r=n(309),o=n(310),i=n(108),a=o?function(t,e){return o(t,"toString",{configurable:!0,enumerable:!1,value:r(e),writable:!0})}:i;t.exports=a},function(t,e){t.exports=function(t){return function(){return t}}},function(t,e,n){var r=n(29),o=function(){try{var t=r(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();t.exports=o},function(t,e){var n=Date.now;t.exports=function(t){var e=0,r=0;return function(){var o=n(),i=16-(o-r);if(r=o,i>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}},function(t,e,n){var r=n(161),o=n(313),i=n(318),a=n(162),u=n(319),c=n(104);t.exports=function(t,e,n){var s=-1,l=o,p=t.length,f=!0,h=[],d=h;if(n)f=!1,l=i;else if(p>=200){var v=e?null:u(t);if(v)return c(v);f=!1,l=a,d=new r}else d=e?[]:h;t:for(;++s<p;){var m=t[s],y=e?e(m):m;if(m=n||0!==m?m:0,f&&y==y){for(var g=d.length;g--;)if(d[g]===y)continue t;e&&d.push(y),h.push(m)}else l(d,y,n)||(d!==h&&d.push(y),h.push(m))}return h}},function(t,e,n){var r=n(314);t.exports=function(t,e){return!!(null==t?0:t.length)&&r(t,e,0)>-1}},function(t,e,n){var r=n(315),o=n(316),i=n(317);t.exports=function(t,e,n){return e==e?i(t,e,n):r(t,o,n)}},function(t,e){t.exports=function(t,e,n,r){for(var o=t.length,i=n+(r?1:-1);r?i--:++i<o;)if(e(t[i],i,t))return i;return-1}},function(t,e){t.exports=function(t){return t!=t}},function(t,e){t.exports=function(t,e,n){for(var r=n-1,o=t.length;++r<o;)if(t[r]===e)return r;return-1}},function(t,e){t.exports=function(t,e,n){for(var r=-1,o=null==t?0:t.length;++r<o;)if(n(e,t[r]))return!0;return!1}},function(t,e,n){var r=n(169),o=n(320),i=n(104),a=r&&1/i(new r([,-0]))[1]==1/0?function(t){return new r(t)}:o;t.exports=a},function(t,e){t.exports=function(){}},function(t,e,n){var r=n(168),o=n(33);t.exports=function(t){return o(t)&&r(t)}},function(t,e,n){},function(t,e,n){},function(t,e,n){var r=n(2),o=n(11);r({target:"Object",stat:!0,forced:!o,sham:!o},{defineProperty:n(12).f})},function(t,e,n){"use strict";var r=n(0),o=n(3),i=n(27),a=n(8),u=n(9),c=n(36),s=r.Function,l=o([].concat),p=o([].join),f={},h=function(t,e,n){if(!u(f,e)){for(var r=[],o=0;o<e;o++)r[o]="a["+o+"]";f[e]=s("C,a","return new C("+p(r,",")+")")}return f[e](t,n)};t.exports=s.bind||function(t){var e=i(this),n=e.prototype,r=c(arguments,1),o=function(){var n=l(r,c(arguments));return this instanceof o?h(e,n.length,n):e.apply(t,n)};return a(n)&&(o.prototype=n),o}},function(t,e,n){"use strict";n(176)},function(t,e,n){"use strict";n(177)},function(t,e,n){"use strict";n.r(e);n(119),n(204),n(214),n(216),n(14);function r(t,e,n,r,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void n(t)}u.done?e(c):Promise.resolve(c).then(r,o)}function o(t){return function(){var e=this,n=arguments;return new Promise((function(o,i){var a=t.apply(e,n);function u(t){r(a,o,i,u,c,"next",t)}function c(t){r(a,o,i,u,c,"throw",t)}u(void 0)}))}}n(140),n(71),n(17),n(20),n(83),n(34);var i=n(1),a=n.n(i);function u(t,e){for(var n in e)t[n]=e[n];return t}var c=/[!'()*]/g,s=function(t){return"%"+t.charCodeAt(0).toString(16)},l=/%2C/g,p=function(t){return encodeURIComponent(t).replace(c,s).replace(l,",")};function f(t){try{return decodeURIComponent(t)}catch(t){0}return t}var h=function(t){return null==t||"object"==typeof t?t:String(t)};function d(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach((function(t){var n=t.replace(/\+/g," ").split("="),r=f(n.shift()),o=n.length>0?f(n.join("=")):null;void 0===e[r]?e[r]=o:Array.isArray(e[r])?e[r].push(o):e[r]=[e[r],o]})),e):e}function v(t){var e=t?Object.keys(t).map((function(e){var n=t[e];if(void 0===n)return"";if(null===n)return p(e);if(Array.isArray(n)){var r=[];return n.forEach((function(t){void 0!==t&&(null===t?r.push(p(e)):r.push(p(e)+"="+p(t)))})),r.join("&")}return p(e)+"="+p(n)})).filter((function(t){return t.length>0})).join("&"):null;return e?"?"+e:""}var m=/\/?$/;function y(t,e,n,r){var o=r&&r.options.stringifyQuery,i=e.query||{};try{i=g(i)}catch(t){}var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:i,params:e.params||{},fullPath:_(e,o),matched:t?j(t):[]};return n&&(a.redirectedFrom=_(n,o)),Object.freeze(a)}function g(t){if(Array.isArray(t))return t.map(g);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=g(t[n]);return e}return t}var b=y(null,{path:"/"});function j(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function _(t,e){var n=t.path,r=t.query;void 0===r&&(r={});var o=t.hash;return void 0===o&&(o=""),(n||"/")+(e||v)(r)+o}function x(t,e,n){return e===b?t===e:!!e&&(t.path&&e.path?t.path.replace(m,"")===e.path.replace(m,"")&&(n||t.hash===e.hash&&w(t.query,e.query)):!(!t.name||!e.name)&&(t.name===e.name&&(n||t.hash===e.hash&&w(t.query,e.query)&&w(t.params,e.params))))}function w(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t||!e)return t===e;var n=Object.keys(t).sort(),r=Object.keys(e).sort();return n.length===r.length&&n.every((function(n,o){var i=t[n];if(r[o]!==n)return!1;var a=e[n];return null==i||null==a?i===a:"object"==typeof i&&"object"==typeof a?w(i,a):String(i)===String(a)}))}function C(t){for(var e=0;e<t.matched.length;e++){var n=t.matched[e];for(var r in n.instances){var o=n.instances[r],i=n.enteredCbs[r];if(o&&i){delete n.enteredCbs[r];for(var a=0;a<i.length;a++)o._isBeingDestroyed||i[a](o)}}}}var P={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,r=e.children,o=e.parent,i=e.data;i.routerView=!0;for(var a=o.$createElement,c=n.name,s=o.$route,l=o._routerViewCache||(o._routerViewCache={}),p=0,f=!1;o&&o._routerRoot!==o;){var h=o.$vnode?o.$vnode.data:{};h.routerView&&p++,h.keepAlive&&o._directInactive&&o._inactive&&(f=!0),o=o.$parent}if(i.routerViewDepth=p,f){var d=l[c],v=d&&d.component;return v?(d.configProps&&E(v,i,d.route,d.configProps),a(v,i,r)):a()}var m=s.matched[p],y=m&&m.components[c];if(!m||!y)return l[c]=null,a();l[c]={component:y},i.registerRouteInstance=function(t,e){var n=m.instances[c];(e&&n!==t||!e&&n===t)&&(m.instances[c]=e)},(i.hook||(i.hook={})).prepatch=function(t,e){m.instances[c]=e.componentInstance},i.hook.init=function(t){t.data.keepAlive&&t.componentInstance&&t.componentInstance!==m.instances[c]&&(m.instances[c]=t.componentInstance),C(s)};var g=m.props&&m.props[c];return g&&(u(l[c],{route:s,configProps:g}),E(y,i,s,g)),a(y,i,r)}};function E(t,e,n,r){var o=e.props=function(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0;default:0}}(n,r);if(o){o=e.props=u({},o);var i=e.attrs=e.attrs||{};for(var a in o)t.props&&a in t.props||(i[a]=o[a],delete o[a])}}function S(t,e,n){var r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;var o=e.split("/");n&&o[o.length-1]||o.pop();for(var i=t.replace(/^\//,"").split("/"),a=0;a<i.length;a++){var u=i[a];".."===u?o.pop():"."!==u&&o.push(u)}return""!==o[0]&&o.unshift(""),o.join("/")}function O(t){return t.replace(/\/+/g,"/")}var k=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},A=V,M=I,L=function(t,e){return G(I(t,e),e)},R=G,T=q,$=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function I(t,e){for(var n,r=[],o=0,i=0,a="",u=e&&e.delimiter||"/";null!=(n=$.exec(t));){var c=n[0],s=n[1],l=n.index;if(a+=t.slice(i,l),i=l+c.length,s)a+=s[1];else{var p=t[i],f=n[2],h=n[3],d=n[4],v=n[5],m=n[6],y=n[7];a&&(r.push(a),a="");var g=null!=f&&null!=p&&p!==f,b="+"===m||"*"===m,j="?"===m||"*"===m,_=n[2]||u,x=d||v;r.push({name:h||o++,prefix:f||"",delimiter:_,optional:j,repeat:b,partial:g,asterisk:!!y,pattern:x?B(x):y?".*":"[^"+D(_)+"]+?"})}}return i<t.length&&(a+=t.substr(i)),a&&r.push(a),r}function U(t){return encodeURI(t).replace(/[\/?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}))}function G(t,e){for(var n=new Array(t.length),r=0;r<t.length;r++)"object"==typeof t[r]&&(n[r]=new RegExp("^(?:"+t[r].pattern+")$",F(e)));return function(e,r){for(var o="",i=e||{},a=(r||{}).pretty?U:encodeURIComponent,u=0;u<t.length;u++){var c=t[u];if("string"!=typeof c){var s,l=i[c.name];if(null==l){if(c.optional){c.partial&&(o+=c.prefix);continue}throw new TypeError('Expected "'+c.name+'" to be defined')}if(k(l)){if(!c.repeat)throw new TypeError('Expected "'+c.name+'" to not repeat, but received `'+JSON.stringify(l)+"`");if(0===l.length){if(c.optional)continue;throw new TypeError('Expected "'+c.name+'" to not be empty')}for(var p=0;p<l.length;p++){if(s=a(l[p]),!n[u].test(s))throw new TypeError('Expected all "'+c.name+'" to match "'+c.pattern+'", but received `'+JSON.stringify(s)+"`");o+=(0===p?c.prefix:c.delimiter)+s}}else{if(s=c.asterisk?encodeURI(l).replace(/[?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})):a(l),!n[u].test(s))throw new TypeError('Expected "'+c.name+'" to match "'+c.pattern+'", but received "'+s+'"');o+=c.prefix+s}}else o+=c}return o}}function D(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function B(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function N(t,e){return t.keys=e,t}function F(t){return t&&t.sensitive?"":"i"}function q(t,e,n){k(e)||(n=e||n,e=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",a=0;a<t.length;a++){var u=t[a];if("string"==typeof u)i+=D(u);else{var c=D(u.prefix),s="(?:"+u.pattern+")";e.push(u),u.repeat&&(s+="(?:"+c+s+")*"),i+=s=u.optional?u.partial?c+"("+s+")?":"(?:"+c+"("+s+"))?":c+"("+s+")"}}var l=D(n.delimiter||"/"),p=i.slice(-l.length)===l;return r||(i=(p?i.slice(0,-l.length):i)+"(?:"+l+"(?=$))?"),i+=o?"$":r&&p?"":"(?="+l+"|$)",N(new RegExp("^"+i,F(n)),e)}function V(t,e,n){return k(e)||(n=e||n,e=[]),n=n||{},t instanceof RegExp?function(t,e){var n=t.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)e.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return N(t,e)}(t,e):k(t)?function(t,e,n){for(var r=[],o=0;o<t.length;o++)r.push(V(t[o],e,n).source);return N(new RegExp("(?:"+r.join("|")+")",F(n)),e)}(t,e,n):function(t,e,n){return q(I(t,n),e,n)}(t,e,n)}A.parse=M,A.compile=L,A.tokensToFunction=R,A.tokensToRegExp=T;var H=Object.create(null);function z(t,e,n){e=e||{};try{var r=H[t]||(H[t]=A.compile(t));return"string"==typeof e.pathMatch&&(e[0]=e.pathMatch),r(e,{pretty:!0})}catch(t){return""}finally{delete e[0]}}function W(t,e,n,r){var o="string"==typeof t?{path:t}:t;if(o._normalized)return o;if(o.name){var i=(o=u({},t)).params;return i&&"object"==typeof i&&(o.params=u({},i)),o}if(!o.path&&o.params&&e){(o=u({},o))._normalized=!0;var a=u(u({},e.params),o.params);if(e.name)o.name=e.name,o.params=a;else if(e.matched.length){var c=e.matched[e.matched.length-1].path;o.path=z(c,a,e.path)}else 0;return o}var s=function(t){var e="",n="",r=t.indexOf("#");r>=0&&(e=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}(o.path||""),l=e&&e.path||"/",p=s.path?S(s.path,l,n||o.append):l,f=function(t,e,n){void 0===e&&(e={});var r,o=n||d;try{r=o(t||"")}catch(t){r={}}for(var i in e){var a=e[i];r[i]=Array.isArray(a)?a.map(h):h(a)}return r}(s.query,o.query,r&&r.options.parseQuery),v=o.hash||s.hash;return v&&"#"!==v.charAt(0)&&(v="#"+v),{_normalized:!0,path:p,query:f,hash:v}}var K,J=function(){},Y={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(t){var e=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,c=o.href,s={},l=n.options.linkActiveClass,p=n.options.linkExactActiveClass,f=null==l?"router-link-active":l,h=null==p?"router-link-exact-active":p,d=null==this.activeClass?f:this.activeClass,v=null==this.exactActiveClass?h:this.exactActiveClass,g=a.redirectedFrom?y(null,W(a.redirectedFrom),null,n):a;s[v]=x(r,g,this.exactPath),s[d]=this.exact||this.exactPath?s[v]:function(t,e){return 0===t.path.replace(m,"/").indexOf(e.path.replace(m,"/"))&&(!e.hash||t.hash===e.hash)&&function(t,e){for(var n in e)if(!(n in t))return!1;return!0}(t.query,e.query)}(r,g);var b=s[v]?this.ariaCurrentValue:null,j=function(t){X(t)&&(e.replace?n.replace(i,J):n.push(i,J))},_={click:X};Array.isArray(this.event)?this.event.forEach((function(t){_[t]=j})):_[this.event]=j;var w={class:s},C=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:c,route:a,navigate:j,isActive:s[d],isExactActive:s[v]});if(C){if(1===C.length)return C[0];if(C.length>1||!C.length)return 0===C.length?t():t("span",{},C)}if("a"===this.tag)w.on=_,w.attrs={href:c,"aria-current":b};else{var P=function t(e){var n;if(e)for(var r=0;r<e.length;r++){if("a"===(n=e[r]).tag)return n;if(n.children&&(n=t(n.children)))return n}}(this.$slots.default);if(P){P.isStatic=!1;var E=P.data=u({},P.data);for(var S in E.on=E.on||{},E.on){var O=E.on[S];S in _&&(E.on[S]=Array.isArray(O)?O:[O])}for(var k in _)k in E.on?E.on[k].push(_[k]):E.on[k]=j;var A=P.data.attrs=u({},P.data.attrs);A.href=c,A["aria-current"]=b}else w.on=_}return t(this.tag,w,this.$slots.default)}};function X(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){var e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}var Q="undefined"!=typeof window;function Z(t,e,n,r,o){var i=e||[],a=n||Object.create(null),u=r||Object.create(null);t.forEach((function(t){!function t(e,n,r,o,i,a){var u=o.path,c=o.name;0;var s=o.pathToRegexpOptions||{},l=function(t,e,n){n||(t=t.replace(/\/$/,""));if("/"===t[0])return t;if(null==e)return t;return O(e.path+"/"+t)}(u,i,s.strict);"boolean"==typeof o.caseSensitive&&(s.sensitive=o.caseSensitive);var p={path:l,regex:tt(l,s),components:o.components||{default:o.component},alias:o.alias?"string"==typeof o.alias?[o.alias]:o.alias:[],instances:{},enteredCbs:{},name:c,parent:i,matchAs:a,redirect:o.redirect,beforeEnter:o.beforeEnter,meta:o.meta||{},props:null==o.props?{}:o.components?o.props:{default:o.props}};o.children&&o.children.forEach((function(o){var i=a?O(a+"/"+o.path):void 0;t(e,n,r,o,p,i)}));n[p.path]||(e.push(p.path),n[p.path]=p);if(void 0!==o.alias)for(var f=Array.isArray(o.alias)?o.alias:[o.alias],h=0;h<f.length;++h){0;var d={path:f[h],children:o.children};t(e,n,r,d,i,p.path||"/")}c&&(r[c]||(r[c]=p))}(i,a,u,t,o)}));for(var c=0,s=i.length;c<s;c++)"*"===i[c]&&(i.push(i.splice(c,1)[0]),s--,c--);return{pathList:i,pathMap:a,nameMap:u}}function tt(t,e){return A(t,[],e)}function et(t,e){var n=Z(t),r=n.pathList,o=n.pathMap,i=n.nameMap;function a(t,n,a){var u=W(t,n,!1,e),s=u.name;if(s){var l=i[s];if(!l)return c(null,u);var p=l.regex.keys.filter((function(t){return!t.optional})).map((function(t){return t.name}));if("object"!=typeof u.params&&(u.params={}),n&&"object"==typeof n.params)for(var f in n.params)!(f in u.params)&&p.indexOf(f)>-1&&(u.params[f]=n.params[f]);return u.path=z(l.path,u.params),c(l,u,a)}if(u.path){u.params={};for(var h=0;h<r.length;h++){var d=r[h],v=o[d];if(nt(v.regex,u.path,u.params))return c(v,u,a)}}return c(null,u)}function u(t,n){var r=t.redirect,o="function"==typeof r?r(y(t,n,null,e)):r;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return c(null,n);var u=o,s=u.name,l=u.path,p=n.query,f=n.hash,h=n.params;if(p=u.hasOwnProperty("query")?u.query:p,f=u.hasOwnProperty("hash")?u.hash:f,h=u.hasOwnProperty("params")?u.params:h,s){i[s];return a({_normalized:!0,name:s,query:p,hash:f,params:h},void 0,n)}if(l){var d=function(t,e){return S(t,e.parent?e.parent.path:"/",!0)}(l,t);return a({_normalized:!0,path:z(d,h),query:p,hash:f},void 0,n)}return c(null,n)}function c(t,n,r){return t&&t.redirect?u(t,r||n):t&&t.matchAs?function(t,e,n){var r=a({_normalized:!0,path:z(n,e.params)});if(r){var o=r.matched,i=o[o.length-1];return e.params=r.params,c(i,e)}return c(null,e)}(0,n,t.matchAs):y(t,n,r,e)}return{match:a,addRoute:function(t,e){var n="object"!=typeof t?i[t]:void 0;Z([e||t],r,o,i,n),n&&n.alias.length&&Z(n.alias.map((function(t){return{path:t,children:[e]}})),r,o,i,n)},getRoutes:function(){return r.map((function(t){return o[t]}))},addRoutes:function(t){Z(t,r,o,i)}}}function nt(t,e,n){var r=e.match(t);if(!r)return!1;if(!n)return!0;for(var o=1,i=r.length;o<i;++o){var a=t.keys[o-1];a&&(n[a.name||"pathMatch"]="string"==typeof r[o]?f(r[o]):r[o])}return!0}var rt=Q&&window.performance&&window.performance.now?window.performance:Date;function ot(){return rt.now().toFixed(3)}var it=ot();function at(){return it}function ut(t){return it=t}var ct=Object.create(null);function st(){"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var t=window.location.protocol+"//"+window.location.host,e=window.location.href.replace(t,""),n=u({},window.history.state);return n.key=at(),window.history.replaceState(n,"",e),window.addEventListener("popstate",ft),function(){window.removeEventListener("popstate",ft)}}function lt(t,e,n,r){if(t.app){var o=t.options.scrollBehavior;o&&t.app.$nextTick((function(){var i=function(){var t=at();if(t)return ct[t]}(),a=o.call(t,e,n,r?i:null);a&&("function"==typeof a.then?a.then((function(t){yt(t,i)})).catch((function(t){0})):yt(a,i))}))}}function pt(){var t=at();t&&(ct[t]={x:window.pageXOffset,y:window.pageYOffset})}function ft(t){pt(),t.state&&t.state.key&&ut(t.state.key)}function ht(t){return vt(t.x)||vt(t.y)}function dt(t){return{x:vt(t.x)?t.x:window.pageXOffset,y:vt(t.y)?t.y:window.pageYOffset}}function vt(t){return"number"==typeof t}var mt=/^#\d/;function yt(t,e){var n,r="object"==typeof t;if(r&&"string"==typeof t.selector){var o=mt.test(t.selector)?document.getElementById(t.selector.slice(1)):document.querySelector(t.selector);if(o){var i=t.offset&&"object"==typeof t.offset?t.offset:{};e=function(t,e){var n=document.documentElement.getBoundingClientRect(),r=t.getBoundingClientRect();return{x:r.left-n.left-e.x,y:r.top-n.top-e.y}}(o,i={x:vt((n=i).x)?n.x:0,y:vt(n.y)?n.y:0})}else ht(t)&&(e=dt(t))}else r&&ht(t)&&(e=dt(t));e&&("scrollBehavior"in document.documentElement.style?window.scrollTo({left:e.x,top:e.y,behavior:t.behavior}):window.scrollTo(e.x,e.y))}var gt,bt=Q&&((-1===(gt=window.navigator.userAgent).indexOf("Android 2.")&&-1===gt.indexOf("Android 4.0")||-1===gt.indexOf("Mobile Safari")||-1!==gt.indexOf("Chrome")||-1!==gt.indexOf("Windows Phone"))&&window.history&&"function"==typeof window.history.pushState);function jt(t,e){pt();var n=window.history;try{if(e){var r=u({},n.state);r.key=at(),n.replaceState(r,"",t)}else n.pushState({key:ut(ot())},"",t)}catch(n){window.location[e?"replace":"assign"](t)}}function _t(t){jt(t,!0)}function xt(t,e,n){var r=function(o){o>=t.length?n():t[o]?e(t[o],(function(){r(o+1)})):r(o+1)};r(0)}var wt={redirected:2,aborted:4,cancelled:8,duplicated:16};function Ct(t,e){return Et(t,e,wt.redirected,'Redirected when going from "'+t.fullPath+'" to "'+function(t){if("string"==typeof t)return t;if("path"in t)return t.path;var e={};return St.forEach((function(n){n in t&&(e[n]=t[n])})),JSON.stringify(e,null,2)}(e)+'" via a navigation guard.')}function Pt(t,e){return Et(t,e,wt.cancelled,'Navigation cancelled from "'+t.fullPath+'" to "'+e.fullPath+'" with a new navigation.')}function Et(t,e,n,r){var o=new Error(r);return o._isRouter=!0,o.from=t,o.to=e,o.type=n,o}var St=["params","query","hash"];function Ot(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function kt(t,e){return Ot(t)&&t._isRouter&&(null==e||t.type===e)}function At(t){return function(e,n,r){var o=!1,i=0,a=null;Mt(t,(function(t,e,n,u){if("function"==typeof t&&void 0===t.cid){o=!0,i++;var c,s=Tt((function(e){var o;((o=e).__esModule||Rt&&"Module"===o[Symbol.toStringTag])&&(e=e.default),t.resolved="function"==typeof e?e:K.extend(e),n.components[u]=e,--i<=0&&r()})),l=Tt((function(t){var e="Failed to resolve async component "+u+": "+t;a||(a=Ot(t)?t:new Error(e),r(a))}));try{c=t(s,l)}catch(t){l(t)}if(c)if("function"==typeof c.then)c.then(s,l);else{var p=c.component;p&&"function"==typeof p.then&&p.then(s,l)}}})),o||r()}}function Mt(t,e){return Lt(t.map((function(t){return Object.keys(t.components).map((function(n){return e(t.components[n],t.instances[n],t,n)}))})))}function Lt(t){return Array.prototype.concat.apply([],t)}var Rt="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Tt(t){var e=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!e)return e=!0,t.apply(this,n)}}var $t=function(t,e){this.router=t,this.base=function(t){if(!t)if(Q){var e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else t="/";"/"!==t.charAt(0)&&(t="/"+t);return t.replace(/\/$/,"")}(e),this.current=b,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function It(t,e,n,r){var o=Mt(t,(function(t,r,o,i){var a=function(t,e){"function"!=typeof t&&(t=K.extend(t));return t.options[e]}(t,e);if(a)return Array.isArray(a)?a.map((function(t){return n(t,r,o,i)})):n(a,r,o,i)}));return Lt(r?o.reverse():o)}function Ut(t,e){if(e)return function(){return t.apply(e,arguments)}}$t.prototype.listen=function(t){this.cb=t},$t.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},$t.prototype.onError=function(t){this.errorCbs.push(t)},$t.prototype.transitionTo=function(t,e,n){var r,o=this;try{r=this.router.match(t,this.current)}catch(t){throw this.errorCbs.forEach((function(e){e(t)})),t}var i=this.current;this.confirmTransition(r,(function(){o.updateRoute(r),e&&e(r),o.ensureURL(),o.router.afterHooks.forEach((function(t){t&&t(r,i)})),o.ready||(o.ready=!0,o.readyCbs.forEach((function(t){t(r)})))}),(function(t){n&&n(t),t&&!o.ready&&(kt(t,wt.redirected)&&i===b||(o.ready=!0,o.readyErrorCbs.forEach((function(e){e(t)}))))}))},$t.prototype.confirmTransition=function(t,e,n){var r=this,o=this.current;this.pending=t;var i,a,u=function(t){!kt(t)&&Ot(t)&&(r.errorCbs.length?r.errorCbs.forEach((function(e){e(t)})):console.error(t)),n&&n(t)},c=t.matched.length-1,s=o.matched.length-1;if(x(t,o)&&c===s&&t.matched[c]===o.matched[s])return this.ensureURL(),t.hash&<(this.router,o,t,!1),u(((a=Et(i=o,t,wt.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",a));var l=function(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n<r&&t[n]===e[n];n++);return{updated:e.slice(0,n),activated:e.slice(n),deactivated:t.slice(n)}}(this.current.matched,t.matched),p=l.updated,f=l.deactivated,h=l.activated,d=[].concat(function(t){return It(t,"beforeRouteLeave",Ut,!0)}(f),this.router.beforeHooks,function(t){return It(t,"beforeRouteUpdate",Ut)}(p),h.map((function(t){return t.beforeEnter})),At(h)),v=function(e,n){if(r.pending!==t)return u(Pt(o,t));try{e(t,o,(function(e){!1===e?(r.ensureURL(!0),u(function(t,e){return Et(t,e,wt.aborted,'Navigation aborted from "'+t.fullPath+'" to "'+e.fullPath+'" via a navigation guard.')}(o,t))):Ot(e)?(r.ensureURL(!0),u(e)):"string"==typeof e||"object"==typeof e&&("string"==typeof e.path||"string"==typeof e.name)?(u(Ct(o,t)),"object"==typeof e&&e.replace?r.replace(e):r.push(e)):n(e)}))}catch(t){u(t)}};xt(d,v,(function(){xt(function(t){return It(t,"beforeRouteEnter",(function(t,e,n,r){return function(t,e,n){return function(r,o,i){return t(r,o,(function(t){"function"==typeof t&&(e.enteredCbs[n]||(e.enteredCbs[n]=[]),e.enteredCbs[n].push(t)),i(t)}))}}(t,n,r)}))}(h).concat(r.router.resolveHooks),v,(function(){if(r.pending!==t)return u(Pt(o,t));r.pending=null,e(t),r.router.app&&r.router.app.$nextTick((function(){C(t)}))}))}))},$t.prototype.updateRoute=function(t){this.current=t,this.cb&&this.cb(t)},$t.prototype.setupListeners=function(){},$t.prototype.teardown=function(){this.listeners.forEach((function(t){t()})),this.listeners=[],this.current=b,this.pending=null};var Gt=function(t){function e(e,n){t.call(this,e,n),this._startLocation=Dt(this.base)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router,n=e.options.scrollBehavior,r=bt&&n;r&&this.listeners.push(st());var o=function(){var n=t.current,o=Dt(t.base);t.current===b&&o===t._startLocation||t.transitionTo(o,(function(t){r&<(e,t,n,!0)}))};window.addEventListener("popstate",o),this.listeners.push((function(){window.removeEventListener("popstate",o)}))}},e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){jt(O(r.base+t.fullPath)),lt(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){_t(O(r.base+t.fullPath)),lt(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.ensureURL=function(t){if(Dt(this.base)!==this.current.fullPath){var e=O(this.base+this.current.fullPath);t?jt(e):_t(e)}},e.prototype.getCurrentLocation=function(){return Dt(this.base)},e}($t);function Dt(t){var e=window.location.pathname,n=e.toLowerCase(),r=t.toLowerCase();return!t||n!==r&&0!==n.indexOf(O(r+"/"))||(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}var Bt=function(t){function e(e,n,r){t.call(this,e,n),r&&function(t){var e=Dt(t);if(!/^\/#/.test(e))return window.location.replace(O(t+"/#"+e)),!0}(this.base)||Nt()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router.options.scrollBehavior,n=bt&&e;n&&this.listeners.push(st());var r=function(){var e=t.current;Nt()&&t.transitionTo(Ft(),(function(r){n&<(t.router,r,e,!0),bt||Ht(r.fullPath)}))},o=bt?"popstate":"hashchange";window.addEventListener(o,r),this.listeners.push((function(){window.removeEventListener(o,r)}))}},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){Vt(t.fullPath),lt(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){Ht(t.fullPath),lt(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Ft()!==e&&(t?Vt(e):Ht(e))},e.prototype.getCurrentLocation=function(){return Ft()},e}($t);function Nt(){var t=Ft();return"/"===t.charAt(0)||(Ht("/"+t),!1)}function Ft(){var t=window.location.href,e=t.indexOf("#");return e<0?"":t=t.slice(e+1)}function qt(t){var e=window.location.href,n=e.indexOf("#");return(n>=0?e.slice(0,n):e)+"#"+t}function Vt(t){bt?jt(qt(t)):window.location.hash=t}function Ht(t){bt?_t(qt(t)):window.location.replace(qt(t))}var zt=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index).concat(t),e&&e(t)}),n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,(function(){var t=e.current;e.index=n,e.updateRoute(r),e.router.afterHooks.forEach((function(e){e&&e(r,t)}))}),(function(t){kt(t,wt.duplicated)&&(e.index=n)}))}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}($t),Wt=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=et(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!bt&&!1!==t.fallback,this.fallback&&(e="hash"),Q||(e="abstract"),this.mode=e,e){case"history":this.history=new Gt(this,t.base);break;case"hash":this.history=new Bt(this,t.base,this.fallback);break;case"abstract":this.history=new zt(this,t.base);break;default:0}},Kt={currentRoute:{configurable:!0}};function Jt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}Wt.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},Kt.currentRoute.get=function(){return this.history&&this.history.current},Wt.prototype.init=function(t){var e=this;if(this.apps.push(t),t.$once("hook:destroyed",(function(){var n=e.apps.indexOf(t);n>-1&&e.apps.splice(n,1),e.app===t&&(e.app=e.apps[0]||null),e.app||e.history.teardown()})),!this.app){this.app=t;var n=this.history;if(n instanceof Gt||n instanceof Bt){var r=function(t){n.setupListeners(),function(t){var r=n.current,o=e.options.scrollBehavior;bt&&o&&"fullPath"in t&<(e,t,r,!1)}(t)};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen((function(t){e.apps.forEach((function(e){e._route=t}))}))}},Wt.prototype.beforeEach=function(t){return Jt(this.beforeHooks,t)},Wt.prototype.beforeResolve=function(t){return Jt(this.resolveHooks,t)},Wt.prototype.afterEach=function(t){return Jt(this.afterHooks,t)},Wt.prototype.onReady=function(t,e){this.history.onReady(t,e)},Wt.prototype.onError=function(t){this.history.onError(t)},Wt.prototype.push=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.push(t,e,n)}));this.history.push(t,e,n)},Wt.prototype.replace=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.replace(t,e,n)}));this.history.replace(t,e,n)},Wt.prototype.go=function(t){this.history.go(t)},Wt.prototype.back=function(){this.go(-1)},Wt.prototype.forward=function(){this.go(1)},Wt.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map((function(t){return Object.keys(t.components).map((function(e){return t.components[e]}))}))):[]},Wt.prototype.resolve=function(t,e,n){var r=W(t,e=e||this.history.current,n,this),o=this.match(r,e),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:function(t,e,n){var r="hash"===n?"#"+e:e;return t?O(t+"/"+r):r}(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},Wt.prototype.getRoutes=function(){return this.matcher.getRoutes()},Wt.prototype.addRoute=function(t,e){this.matcher.addRoute(t,e),this.history.current!==b&&this.history.transitionTo(this.history.getCurrentLocation())},Wt.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==b&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Wt.prototype,Kt),Wt.install=function t(e){if(!t.installed||K!==e){t.installed=!0,K=e;var n=function(t){return void 0!==t},r=function(t,e){var r=t.$options._parentVnode;n(r)&&n(r=r.data)&&n(r=r.registerRouteInstance)&&r(t,e)};e.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),e.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,r(this,this)},destroyed:function(){r(this)}}),Object.defineProperty(e.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(e.prototype,"$route",{get:function(){return this._routerRoot._route}}),e.component("RouterView",P),e.component("RouterLink",Y);var o=e.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},Wt.version="3.5.3",Wt.isNavigationFailure=kt,Wt.NavigationFailureType=wt,Wt.START_LOCATION=b,Q&&window.Vue&&window.Vue.use(Wt);var Yt=Wt;n(219),n(145),n(220),n(110),n(222),n(111),n(112),n(223);function Xt(t){t.locales&&Object.keys(t.locales).forEach((function(e){t.locales[e].path=e})),Object.freeze(t)}n(47),n(48),n(74);var Qt=n(50),Zt=(n(152),n(53),n(82),n(189),n(190),{NotFound:function(){return n.e(11).then(n.bind(null,398))},Layout:function(){return Promise.all([n.e(0),n.e(2)]).then(n.bind(null,397))}}),te={"v-34c423f3":function(){return n.e(13).then(n.bind(null,404))},"v-37b11ff9":function(){return n.e(14).then(n.bind(null,405))},"v-bfa8b2ce":function(){return n.e(15).then(n.bind(null,406))},"v-0b6c60bc":function(){return n.e(16).then(n.bind(null,407))},"v-32bea312":function(){return n.e(17).then(n.bind(null,408))},"v-5239b662":function(){return n.e(18).then(n.bind(null,409))},"v-75b2c4b0":function(){return n.e(19).then(n.bind(null,410))},"v-9f535a0e":function(){return n.e(20).then(n.bind(null,411))},"v-7fbc71ee":function(){return n.e(12).then(n.bind(null,412))},"v-51bb5492":function(){return n.e(21).then(n.bind(null,413))},"v-3c64810c":function(){return n.e(22).then(n.bind(null,414))},"v-834f1d5c":function(){return n.e(23).then(n.bind(null,415))},"v-62e67e9c":function(){return n.e(24).then(n.bind(null,416))},"v-6b1472b2":function(){return Promise.all([n.e(0),n.e(8)]).then(n.bind(null,417))},"v-a6d1ca80":function(){return n.e(25).then(n.bind(null,418))},"v-092e055d":function(){return n.e(26).then(n.bind(null,419))},"v-820e4d1c":function(){return n.e(27).then(n.bind(null,420))},"v-2b1f13ba":function(){return Promise.all([n.e(0),n.e(9)]).then(n.bind(null,421))},"v-6cc96f92":function(){return n.e(28).then(n.bind(null,422))},"v-8eb3db08":function(){return Promise.all([n.e(0),n.e(10)]).then(n.bind(null,423))},"v-7e12ebb9":function(){return n.e(29).then(n.bind(null,424))},"v-753dbc9c":function(){return n.e(31).then(n.bind(null,425))},"v-4d1c8cb2":function(){return n.e(32).then(n.bind(null,426))},"v-1fbdbf9c":function(){return n.e(33).then(n.bind(null,427))},"v-1696c132":function(){return n.e(34).then(n.bind(null,428))},"v-3686c0b8":function(){return n.e(35).then(n.bind(null,429))},"v-74faa512":function(){return n.e(36).then(n.bind(null,430))},"v-65c4bfd8":function(){return n.e(37).then(n.bind(null,431))},"v-7d9e391c":function(){return n.e(38).then(n.bind(null,399))},"v-69f018d2":function(){return n.e(30).then(n.bind(null,432))},"v-3ff28b44":function(){return n.e(39).then(n.bind(null,433))},"v-023105a8":function(){return n.e(40).then(n.bind(null,434))},"v-2196a365":function(){return n.e(41).then(n.bind(null,435))},"v-114a2912":function(){return n.e(42).then(n.bind(null,436))},"v-3bde2c1c":function(){return n.e(43).then(n.bind(null,437))},"v-7b48e2f2":function(){return n.e(44).then(n.bind(null,438))},"v-43aac81c":function(){return n.e(45).then(n.bind(null,439))},"v-2af55d39":function(){return n.e(46).then(n.bind(null,440))},"v-3ddf1032":function(){return n.e(47).then(n.bind(null,441))},"v-7c88a838":function(){return n.e(48).then(n.bind(null,442))},"v-a34337ce":function(){return n.e(49).then(n.bind(null,443))},"v-15bd7064":function(){return n.e(50).then(n.bind(null,444))},"v-18d949f4":function(){return n.e(51).then(n.bind(null,445))},"v-c0be3cb0":function(){return n.e(52).then(n.bind(null,446))},"v-43567624":function(){return n.e(53).then(n.bind(null,400))},"v-58e313f6":function(){return n.e(54).then(n.bind(null,447))},"v-09437255":function(){return n.e(55).then(n.bind(null,448))},"v-6d5cb27c":function(){return n.e(56).then(n.bind(null,449))},"v-730d7bb2":function(){return n.e(57).then(n.bind(null,450))},"v-2032cf32":function(){return n.e(58).then(n.bind(null,451))},"v-06e68c32":function(){return n.e(59).then(n.bind(null,452))},"v-30dd4956":function(){return n.e(60).then(n.bind(null,453))},"v-bc0782dc":function(){return n.e(61).then(n.bind(null,454))},"v-9dee1530":function(){return n.e(62).then(n.bind(null,455))},"v-4ab004b8":function(){return n.e(63).then(n.bind(null,456))},"v-69b6aa72":function(){return n.e(64).then(n.bind(null,457))},"v-57b9def2":function(){return n.e(65).then(n.bind(null,458))},"v-5fdebbbc":function(){return n.e(66).then(n.bind(null,459))},"v-35de20d8":function(){return n.e(67).then(n.bind(null,460))},"v-6e41392c":function(){return n.e(68).then(n.bind(null,461))},"v-32b8f8dc":function(){return n.e(69).then(n.bind(null,462))},"v-58cee28e":function(){return n.e(70).then(n.bind(null,463))},"v-4f3299f2":function(){return n.e(71).then(n.bind(null,464))},"v-5e3a89fb":function(){return n.e(72).then(n.bind(null,465))},"v-14aab1dc":function(){return n.e(73).then(n.bind(null,466))},"v-30cacb00":function(){return n.e(74).then(n.bind(null,467))},"v-e027fe60":function(){return n.e(75).then(n.bind(null,468))},"v-79eb1576":function(){return n.e(76).then(n.bind(null,469))},"v-e512568e":function(){return n.e(77).then(n.bind(null,470))},"v-6e381772":function(){return n.e(78).then(n.bind(null,471))},"v-461b1a12":function(){return n.e(79).then(n.bind(null,472))},"v-8d2d5750":function(){return n.e(80).then(n.bind(null,473))}};function ee(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}var ne=/-(\w)/g,re=ee((function(t){return t.replace(ne,(function(t,e){return e?e.toUpperCase():""}))})),oe=/\B([A-Z])/g,ie=ee((function(t){return t.replace(oe,"-$1").toLowerCase()})),ae=ee((function(t){return t.charAt(0).toUpperCase()+t.slice(1)}));function ue(t,e){if(e)return t(e)?t(e):e.includes("-")?t(ae(re(e))):t(ae(e))||t(ie(e))}var ce=Object.assign({},Zt,te),se=function(t){return ce[t]},le=function(t){return te[t]},pe=function(t){return Zt[t]},fe=function(t){return a.a.component(t)};function he(t){return ue(le,t)}function de(t){return ue(pe,t)}function ve(t){return ue(se,t)}function me(t){return ue(fe,t)}function ye(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return Promise.all(e.filter((function(t){return t})).map(function(){var t=o(regeneratorRuntime.mark((function t(e){var n;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(me(e)||!ve(e)){t.next=5;break}return t.next=3,ve(e)();case 3:n=t.sent,a.a.component(e,n.default);case 5:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()))}function ge(t,e){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[t]=e)}n(113);var be=n(80);function je(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i=[],a=!0,u=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){u=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}}(t,e)||Object(be.a)(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}n(191),n(181);var _e=n(178),xe=n.n(_e),we={created:function(){if(this.siteMeta=this.$site.headTags.filter((function(t){return"meta"===je(t,1)[0]})).map((function(t){var e=je(t,2);e[0];return e[1]})),this.$ssrContext){var t=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(e=t)?e.map((function(t){var e="<meta";return Object.keys(t).forEach((function(n){e+=" ".concat(n,'="').concat(t[n],'"')})),e+">"})).join("\n "):"",this.$ssrContext.canonicalLink=Pe(this.$canonicalUrl)}var e},mounted:function(){this.currentMetaTags=Object(Qt.a)(document.querySelectorAll("meta")),this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta:function(){document.title=this.$title,document.documentElement.lang=this.$lang;var t=this.getMergedMetaTags();this.currentMetaTags=Ee(t,this.currentMetaTags)},getMergedMetaTags:function(){var t=this.$page.frontmatter.meta||[];return xe()([{name:"description",content:this.$description}],t,this.siteMeta,Se)},updateCanonicalLink:function(){Ce(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",Pe(this.$canonicalUrl))}},watch:{$page:function(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy:function(){Ee(null,this.currentMetaTags),Ce()}};function Ce(){var t=document.querySelector("link[rel='canonical']");t&&t.remove()}function Pe(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t?'<link href="'.concat(t,'" rel="canonical" />'):""}function Ee(t,e){if(e&&Object(Qt.a)(e).filter((function(t){return t.parentNode===document.head})).forEach((function(t){return document.head.removeChild(t)})),t)return t.map((function(t){var e=document.createElement("meta");return Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])})),document.head.appendChild(e),e}))}function Se(t){for(var e=0,n=["name","property","itemprop"];e<n.length;e++){var r=n[e];if(t.hasOwnProperty(r))return t[r]+r}return JSON.stringify(t)}n(109);var Oe=n(179),ke={mounted:function(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:n.n(Oe)()((function(){this.setActiveHash()}),300),setActiveHash:function(){for(var t=this,e=[].slice.call(document.querySelectorAll(".sidebar-link")),n=[].slice.call(document.querySelectorAll(".header-anchor")).filter((function(t){return e.some((function(e){return e.hash===t.hash}))})),r=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),o=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),i=window.innerHeight+r,a=0;a<n.length;a++){var u=n[a],c=n[a+1],s=0===a&&0===r||r>=u.parentElement.offsetTop+10&&(!c||r<c.parentElement.offsetTop-10),l=decodeURIComponent(this.$route.hash);if(s&&l!==decodeURIComponent(u.hash)){var p=u;if(i===o)for(var f=a+1;f<n.length;f++)if(l===decodeURIComponent(n[f].hash))return;return this.$vuepress.$set("disableScrollBehavior",!0),void this.$router.replace(decodeURIComponent(p.hash),(function(){t.$nextTick((function(){t.$vuepress.$set("disableScrollBehavior",!1)}))}))}}}},beforeDestroy:function(){window.removeEventListener("scroll",this.onScroll)}},Ae=(n(99),n(81)),Me=n.n(Ae),Le=[we,ke,{mounted:function(){var t=this;Me.a.configure({showSpinner:!1}),this.$router.beforeEach((function(t,e,n){t.path===e.path||a.a.component(t.name)||Me.a.start(),n()})),this.$router.afterEach((function(){Me.a.done(),t.isSidebarOpen=!1}))}}],Re={name:"GlobalLayout",computed:{layout:function(){var t=this.getLayout();return ge("layout",t),a.a.component(t)}},methods:{getLayout:function(){if(this.$page.path){var t=this.$page.frontmatter.layout;return t&&(this.$vuepress.getLayoutAsyncComponent(t)||this.$vuepress.getVueComponent(t))?t:"Layout"}return"NotFound"}}},Te=n(52),$e=Object(Te.a)(Re,(function(){var t=this.$createElement;return(this._self._c||t)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(t,e,n){var r;switch(e){case"components":t[e]||(t[e]={}),Object.assign(t[e],n);break;case"mixins":t[e]||(t[e]=[]),(r=t[e]).push.apply(r,Object(Qt.a)(n));break;default:throw new Error("Unknown option name.")}}($e,"mixins",Le);var Ie=[{name:"v-34c423f3",path:"/api/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-34c423f3").then(n)}},{path:"/api/index.html",redirect:"/api/"},{name:"v-37b11ff9",path:"/api/js/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-37b11ff9").then(n)}},{path:"/api/js/index.html",redirect:"/api/js/"},{name:"v-bfa8b2ce",path:"/api/js/advanced_header/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-bfa8b2ce").then(n)}},{path:"/api/js/advanced_header/index.html",redirect:"/api/js/advanced_header/"},{name:"v-0b6c60bc",path:"/api/js/advanced_header/column_sort.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-0b6c60bc").then(n)}},{name:"v-32bea312",path:"/api/js/advanced_header/header_actions.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-32bea312").then(n)}},{name:"v-5239b662",path:"/api/js/advanced_header/header_styles.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-5239b662").then(n)}},{name:"v-75b2c4b0",path:"/api/js/advanced_header/multiline_text_header.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-75b2c4b0").then(n)}},{name:"v-9f535a0e",path:"/api/js/advanced_layout/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-9f535a0e").then(n)}},{path:"/api/js/advanced_layout/index.html",redirect:"/api/js/advanced_layout/"},{name:"v-7fbc71ee",path:"/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-7fbc71ee").then(n)}},{path:"/index.html",redirect:"/"},{name:"v-51bb5492",path:"/api/js/cell_message.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-51bb5492").then(n)}},{name:"v-3c64810c",path:"/api/js/column_actions/ButtonAction.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-3c64810c").then(n)}},{name:"v-834f1d5c",path:"/api/js/column_actions/CheckEditor.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-834f1d5c").then(n)}},{name:"v-62e67e9c",path:"/api/js/column_actions/Classes.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-62e67e9c").then(n)}},{name:"v-6b1472b2",path:"/api/js/column_actions/InlineInputEditor.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-6b1472b2").then(n)}},{name:"v-a6d1ca80",path:"/api/js/column_actions/InlineMenuEditor.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-a6d1ca80").then(n)}},{name:"v-092e055d",path:"/api/js/column_actions/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-092e055d").then(n)}},{path:"/api/js/column_actions/index.html",redirect:"/api/js/column_actions/"},{name:"v-820e4d1c",path:"/api/js/column_actions/RadioEditor.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-820e4d1c").then(n)}},{name:"v-2b1f13ba",path:"/api/js/column_actions/SmallDialogInputEditor.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-2b1f13ba").then(n)}},{name:"v-6cc96f92",path:"/api/js/column_actions/standard-properties.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-6cc96f92").then(n)}},{name:"v-8eb3db08",path:"/api/js/column_icon.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-8eb3db08").then(n)}},{name:"v-7e12ebb9",path:"/api/js/column_styles/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-7e12ebb9").then(n)}},{path:"/api/js/column_styles/index.html",redirect:"/api/js/column_styles/"},{name:"v-753dbc9c",path:"/api/js/column_types/BranchGraphColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-753dbc9c").then(n)}},{name:"v-4d1c8cb2",path:"/api/js/column_types/ButtonColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-4d1c8cb2").then(n)}},{name:"v-1fbdbf9c",path:"/api/js/column_types/CheckColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-1fbdbf9c").then(n)}},{name:"v-1696c132",path:"/api/js/column_types/Classes.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-1696c132").then(n)}},{name:"v-3686c0b8",path:"/api/js/column_types/IconColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-3686c0b8").then(n)}},{name:"v-74faa512",path:"/api/js/column_types/ImageColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-74faa512").then(n)}},{name:"v-65c4bfd8",path:"/api/js/column_types/MenuColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-65c4bfd8").then(n)}},{name:"v-7d9e391c",path:"/api/js/column_types/MultilineTextColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-7d9e391c").then(n)}},{name:"v-69f018d2",path:"/api/js/column_styles/indicators.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-69f018d2").then(n)}},{name:"v-3ff28b44",path:"/api/js/column_types/NumberColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-3ff28b44").then(n)}},{name:"v-023105a8",path:"/api/js/column_types/PercentCompleteBarColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-023105a8").then(n)}},{name:"v-2196a365",path:"/api/js/column_types/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-2196a365").then(n)}},{path:"/api/js/column_types/index.html",redirect:"/api/js/column_types/"},{name:"v-114a2912",path:"/api/js/column_types/RadioColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-114a2912").then(n)}},{name:"v-3bde2c1c",path:"/api/js/column_width.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-3bde2c1c").then(n)}},{name:"v-7b48e2f2",path:"/api/js/events.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-7b48e2f2").then(n)}},{name:"v-43aac81c",path:"/api/js/grid_data/FilterDataSource.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-43aac81c").then(n)}},{name:"v-2af55d39",path:"/api/js/grid_data/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-2af55d39").then(n)}},{path:"/api/js/grid_data/index.html",redirect:"/api/js/grid_data/"},{name:"v-3ddf1032",path:"/api/js/grid_data/using_promises.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-3ddf1032").then(n)}},{name:"v-7c88a838",path:"/api/js/headers_columns.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-7c88a838").then(n)}},{name:"v-a34337ce",path:"/api/js/options/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-a34337ce").then(n)}},{path:"/api/js/options/index.html",redirect:"/api/js/options/"},{name:"v-15bd7064",path:"/api/js/options/allowRangePaste.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-15bd7064").then(n)}},{name:"v-18d949f4",path:"/api/js/options/keyboardOptions.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-18d949f4").then(n)}},{name:"v-c0be3cb0",path:"/api/js/selection.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-c0be3cb0").then(n)}},{name:"v-43567624",path:"/api/js/theme.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-43567624").then(n)}},{name:"v-58e313f6",path:"/api/vue/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-58e313f6").then(n)}},{path:"/api/vue/index.html",redirect:"/api/vue/"},{name:"v-09437255",path:"/api/vue/advanced_layout/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-09437255").then(n)}},{path:"/api/vue/advanced_layout/index.html",redirect:"/api/vue/advanced_layout/"},{name:"v-6d5cb27c",path:"/api/vue/components/CGrid.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-6d5cb27c").then(n)}},{name:"v-730d7bb2",path:"/api/vue/components/CGridBranchGraphColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-730d7bb2").then(n)}},{name:"v-2032cf32",path:"/api/vue/components/CGridButtonColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-2032cf32").then(n)}},{name:"v-06e68c32",path:"/api/vue/components/CGridCheckColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-06e68c32").then(n)}},{name:"v-30dd4956",path:"/api/vue/components/CGridColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-30dd4956").then(n)}},{name:"v-bc0782dc",path:"/api/vue/components/CGridColumnGroup.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-bc0782dc").then(n)}},{name:"v-9dee1530",path:"/api/vue/components/CGridHeader.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-9dee1530").then(n)}},{name:"v-4ab004b8",path:"/api/vue/components/CGridIconColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-4ab004b8").then(n)}},{name:"v-69b6aa72",path:"/api/vue/components/CGridInputColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-69b6aa72").then(n)}},{name:"v-57b9def2",path:"/api/vue/components/CGridLayoutRow.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-57b9def2").then(n)}},{name:"v-5fdebbbc",path:"/api/vue/components/CGridLinkColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-5fdebbbc").then(n)}},{name:"v-35de20d8",path:"/api/vue/components/CGridMenuColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-35de20d8").then(n)}},{name:"v-6e41392c",path:"/api/vue/components/CGridPercentCompleteBarColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-6e41392c").then(n)}},{name:"v-32b8f8dc",path:"/api/vue/components/CGridRadioColumn.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-32b8f8dc").then(n)}},{name:"v-58cee28e",path:"/api/vue/components/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-58cee28e").then(n)}},{path:"/api/vue/components/index.html",redirect:"/api/vue/components/"},{name:"v-4f3299f2",path:"/api/vue/headers_columns.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-4f3299f2").then(n)}},{name:"v-5e3a89fb",path:"/faq/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-5e3a89fb").then(n)}},{path:"/faq/index.html",redirect:"/faq/"},{name:"v-14aab1dc",path:"/faq/auto_paging.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-14aab1dc").then(n)}},{name:"v-30cacb00",path:"/faq/header_check.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-30cacb00").then(n)}},{name:"v-e027fe60",path:"/faq/jump.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-e027fe60").then(n)}},{name:"v-79eb1576",path:"/faq/select_row_color.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-79eb1576").then(n)}},{name:"v-e512568e",path:"/introduction/",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-e512568e").then(n)}},{path:"/introduction/index.html",redirect:"/introduction/"},{name:"v-6e381772",path:"/introduction/getting-started-with-react.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-6e381772").then(n)}},{name:"v-461b1a12",path:"/introduction/getting-started-with-vue.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-461b1a12").then(n)}},{name:"v-8d2d5750",path:"/introduction/getting-started.html",component:$e,beforeEnter:function(t,e,n){ye("Layout","v-8d2d5750").then(n)}},{path:"*",component:$e}],Ue={title:"Cheetah Grid",description:"Cheetah Grid is the fastest open-source data table for web.",base:"/cheetah-grid/documents/",headTags:[["link",{rel:"icon",href:"/cheetah-grid/documents/icon_512x512.svg",type:"image/svg+xml"}],["link",{rel:"stylesheet",href:"https://fonts.googleapis.com/icon?family=Material+Icons"}],["link",{rel:"stylesheet",href:"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"}],["script",{src:"https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"}],["script",{src:"https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"}],["script",{src:"https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"}],["script",{src:"https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"}]],pages:[{title:"API",frontmatter:{},regularPath:"/api/",relativePath:"api/README.md",key:"v-34c423f3",path:"/api/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"API for JavaScript",frontmatter:{},regularPath:"/api/js/",relativePath:"api/js/README.md",key:"v-37b11ff9",path:"/api/js/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Advanced Header",frontmatter:{order:500},regularPath:"/api/js/advanced_header/",relativePath:"api/js/advanced_header/README.md",key:"v-bfa8b2ce",path:"/api/js/advanced_header/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Sort by Column",frontmatter:{order:100},regularPath:"/api/js/advanced_header/column_sort.html",relativePath:"api/js/advanced_header/column_sort.md",key:"v-0b6c60bc",path:"/api/js/advanced_header/column_sort.html",headers:[{level:2,title:"Style Properties",slug:"style-properties"},{level:3,title:"Color of sort arrow",slug:"color-of-sort-arrow"},{level:2,title:"Reset",slug:"reset"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Header Actions",frontmatter:{order:200},regularPath:"/api/js/advanced_header/header_actions.html",relativePath:"api/js/advanced_header/header_actions.md",key:"v-32bea312",path:"/api/js/advanced_header/header_actions.html",headers:[{level:2,title:"Advanced Header Action",slug:"advanced-header-action"},{level:2,title:"Using Vue.js",slug:"using-vue-js"},{level:2,title:"Using Header Action Class",slug:"using-header-action-class"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Header Styles",frontmatter:{order:170},regularPath:"/api/js/advanced_header/header_styles.html",relativePath:"api/js/advanced_header/header_styles.md",key:"v-5239b662",path:"/api/js/advanced_header/header_styles.html",headers:[{level:2,title:"Standard Header Style",slug:"standard-header-style"},{level:2,title:"Style Properties Per Header Type",slug:"style-properties-per-header-type"},{level:3,title:"Simple Text Header",slug:"simple-text-header"},{level:3,title:"Checkbox Header",slug:"checkbox-header"},{level:3,title:"Multiline Text Header",slug:"multiline-text-header"},{level:3,title:"Sort Header",slug:"sort-header"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Multiline Text Header",frontmatter:{order:150},regularPath:"/api/js/advanced_header/multiline_text_header.html",relativePath:"api/js/advanced_header/multiline_text_header.md",key:"v-75b2c4b0",path:"/api/js/advanced_header/multiline_text_header.html",headers:[{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Advanced Layout",frontmatter:{order:600},regularPath:"/api/js/advanced_layout/",relativePath:"api/js/advanced_layout/README.md",key:"v-9f535a0e",path:"/api/js/advanced_layout/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Home",frontmatter:{home:!0,heroImage:"/logo.svg",actionText:"DEMO",actionLink:"https://future-architect.github.io/cheetah-grid/",footer:"© 2017 - 2019 Future Corporation. Author Yosuke Ota. Code licensed under the MIT License."},regularPath:"/",relativePath:"README.md",key:"v-7fbc71ee",path:"/",headers:[{level:2,title:"DOCUMENTS & DEMOs",slug:"documents-demos"},{level:2,title:"TSDOC",slug:"tsdoc"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Cell Messages",frontmatter:{order:400},regularPath:"/api/js/cell_message.html",relativePath:"api/js/cell_message.md",key:"v-51bb5492",path:"/api/js/cell_message.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"ButtonAction",frontmatter:{order:200},regularPath:"/api/js/column_actions/ButtonAction.html",relativePath:"api/js/column_actions/ButtonAction.md",key:"v-3c64810c",path:"/api/js/column_actions/ButtonAction.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CheckEditor",frontmatter:{order:300},regularPath:"/api/js/column_actions/CheckEditor.html",relativePath:"api/js/column_actions/CheckEditor.md",key:"v-834f1d5c",path:"/api/js/column_actions/CheckEditor.html",headers:[{level:2,title:"Data editing",slug:"data-editing"},{level:2,title:"disabled",slug:"disabled"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Column Action Classes",frontmatter:{order:100},regularPath:"/api/js/column_actions/Classes.html",relativePath:"api/js/column_actions/Classes.md",key:"v-62e67e9c",path:"/api/js/column_actions/Classes.html",headers:[{level:2,title:"Namespace cheetahGrid.columns.action",slug:"namespace-cheetahgrid-columns-action"},{level:2,title:"Standard Properties",slug:"standard-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"InlineInputEditor",frontmatter:{order:450},regularPath:"/api/js/column_actions/InlineInputEditor.html",relativePath:"api/js/column_actions/InlineInputEditor.md",key:"v-6b1472b2",path:"/api/js/column_actions/InlineInputEditor.html",headers:[{level:2,title:"Properties",slug:"properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"InlineMenuEditor",frontmatter:{order:500},regularPath:"/api/js/column_actions/InlineMenuEditor.html",relativePath:"api/js/column_actions/InlineMenuEditor.md",key:"v-a6d1ca80",path:"/api/js/column_actions/InlineMenuEditor.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Column Actions",frontmatter:{order:140},regularPath:"/api/js/column_actions/",relativePath:"api/js/column_actions/README.md",key:"v-092e055d",path:"/api/js/column_actions/",headers:[{level:2,title:"Standard Column Action",slug:"standard-column-action"},{level:2,title:"Advanced Column Action",slug:"advanced-column-action"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"RadioEditor",frontmatter:{order:600},regularPath:"/api/js/column_actions/RadioEditor.html",relativePath:"api/js/column_actions/RadioEditor.md",key:"v-820e4d1c",path:"/api/js/column_actions/RadioEditor.html",headers:[{level:2,title:"disabled",slug:"disabled"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"SmallDialogInputEditor",frontmatter:{order:400},regularPath:"/api/js/column_actions/SmallDialogInputEditor.html",relativePath:"api/js/column_actions/SmallDialogInputEditor.md",key:"v-2b1f13ba",path:"/api/js/column_actions/SmallDialogInputEditor.html",headers:[{level:2,title:"Properties",slug:"properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Standard Properties",frontmatter:{order:900},regularPath:"/api/js/column_actions/standard-properties.html",relativePath:"api/js/column_actions/standard-properties.md",key:"v-6cc96f92",path:"/api/js/column_actions/standard-properties.html",headers:[{level:2,title:"disabled property",slug:"disabled-property"},{level:2,title:"readOnly property",slug:"readonly-property"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Column ICON",frontmatter:{order:310},regularPath:"/api/js/column_icon.html",relativePath:"api/js/column_icon.md",key:"v-8eb3db08",path:"/api/js/column_icon.html",headers:[{level:2,title:"Standard way to specify Web Fonts",slug:"standard-way-to-specify-web-fonts"},{level:2,title:"Other ways to specify Web Font",slug:"other-ways-to-specify-web-font"},{level:2,title:"How to specify Images",slug:"how-to-specify-images"},{level:2,title:"Multiple Icons",slug:"multiple-icons"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Column Styles",frontmatter:{order:130},regularPath:"/api/js/column_styles/",relativePath:"api/js/column_styles/README.md",key:"v-7e12ebb9",path:"/api/js/column_styles/",headers:[{level:2,title:"Standard Column Style",slug:"standard-column-style"},{level:2,title:"Advanced Column Style",slug:"advanced-column-style"},{level:2,title:"Header Style",slug:"header-style"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"BranchGraphColumn",frontmatter:{order:900},regularPath:"/api/js/column_types/BranchGraphColumn.html",relativePath:"api/js/column_types/BranchGraphColumn.md",key:"v-753dbc9c",path:"/api/js/column_types/BranchGraphColumn.html",headers:[{level:2,title:"Constructor Properties",slug:"constructor-properties"},{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"ButtonColumn",frontmatter:{order:400},regularPath:"/api/js/column_types/ButtonColumn.html",relativePath:"api/js/column_types/ButtonColumn.md",key:"v-4d1c8cb2",path:"/api/js/column_types/ButtonColumn.html",headers:[{level:2,title:"Constructor Properties",slug:"constructor-properties"},{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CheckColumn",frontmatter:{order:200},regularPath:"/api/js/column_types/CheckColumn.html",relativePath:"api/js/column_types/CheckColumn.md",key:"v-1fbdbf9c",path:"/api/js/column_types/CheckColumn.html",headers:[{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Column Type Classes",frontmatter:{order:50},regularPath:"/api/js/column_types/Classes.html",relativePath:"api/js/column_types/Classes.md",key:"v-1696c132",path:"/api/js/column_types/Classes.html",headers:[{level:2,title:"Namespace cheetahGrid.columns.type",slug:"namespace-cheetahgrid-columns-type"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"IconColumn",frontmatter:{order:700},regularPath:"/api/js/column_types/IconColumn.html",relativePath:"api/js/column_types/IconColumn.md",key:"v-3686c0b8",path:"/api/js/column_types/IconColumn.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"ImageColumn",frontmatter:{order:500},regularPath:"/api/js/column_types/ImageColumn.html",relativePath:"api/js/column_types/ImageColumn.md",key:"v-74faa512",path:"/api/js/column_types/ImageColumn.html",headers:[{level:2,title:"Draw image",slug:"draw-image"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"MenuColumn",frontmatter:{order:300},regularPath:"/api/js/column_types/MenuColumn.html",relativePath:"api/js/column_types/MenuColumn.md",key:"v-65c4bfd8",path:"/api/js/column_types/MenuColumn.html",headers:[{level:2,title:"Constructor Properties",slug:"constructor-properties"},{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"MultilineTextColumn",frontmatter:{sidebarDepth:3,order:800},regularPath:"/api/js/column_types/MultilineTextColumn.html",relativePath:"api/js/column_types/MultilineTextColumn.md",key:"v-7d9e391c",path:"/api/js/column_types/MultilineTextColumn.html",headers:[{level:2,title:"Style Properties",slug:"style-properties"},{level:3,title:"Aligns",slug:"aligns"},{level:3,title:"lineHeight",slug:"lineheight"},{level:3,title:"autoWrapText",slug:"autowraptext"},{level:3,title:"lineClamp",slug:"lineclamp"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Indicators",frontmatter:{},regularPath:"/api/js/column_styles/indicators.html",relativePath:"api/js/column_styles/indicators.md",key:"v-69f018d2",path:"/api/js/column_styles/indicators.html",headers:[{level:2,title:"Usage",slug:"usage"},{level:2,title:"Indicator Styles",slug:"indicator-styles"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"NumberColumn",frontmatter:{order:100},regularPath:"/api/js/column_types/NumberColumn.html",relativePath:"api/js/column_types/NumberColumn.md",key:"v-3ff28b44",path:"/api/js/column_types/NumberColumn.html",headers:[{level:2,title:"Constructor Properties",slug:"constructor-properties"},{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"PercentCompleteBarColumn",frontmatter:{order:600},regularPath:"/api/js/column_types/PercentCompleteBarColumn.html",relativePath:"api/js/column_types/PercentCompleteBarColumn.md",key:"v-023105a8",path:"/api/js/column_types/PercentCompleteBarColumn.html",headers:[{level:2,title:"Constructor Properties",slug:"constructor-properties"},{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Column Types",frontmatter:{order:120},regularPath:"/api/js/column_types/",relativePath:"api/js/column_types/README.md",key:"v-2196a365",path:"/api/js/column_types/",headers:[{level:2,title:"Standard Column Type",slug:"standard-column-type"},{level:2,title:"Advanced Column Type",slug:"advanced-column-type"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"RadioColumn",frontmatter:{order:1e3},regularPath:"/api/js/column_types/RadioColumn.html",relativePath:"api/js/column_types/RadioColumn.md",key:"v-114a2912",path:"/api/js/column_types/RadioColumn.html",headers:[{level:2,title:"Style Properties",slug:"style-properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Column Width",frontmatter:{order:110},regularPath:"/api/js/column_width.html",relativePath:"api/js/column_width.md",key:"v-3bde2c1c",path:"/api/js/column_width.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Events",frontmatter:{order:200},regularPath:"/api/js/events.html",relativePath:"api/js/events.md",key:"v-7b48e2f2",path:"/api/js/events.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"FilterDataSource",frontmatter:{title:"FilterDataSource",order:500},regularPath:"/api/js/grid_data/FilterDataSource.html",relativePath:"api/js/grid_data/FilterDataSource.md",key:"v-43aac81c",path:"/api/js/grid_data/FilterDataSource.html",headers:[{level:2,title:"Using Promises",slug:"using-promises"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Grid Data",frontmatter:{order:180},regularPath:"/api/js/grid_data/",relativePath:"api/js/grid_data/README.md",key:"v-2af55d39",path:"/api/js/grid_data/",headers:[{level:2,title:"Using Array object",slug:"using-array-object"},{level:2,title:"Using cheetahGrid.data.DataSource object",slug:"using-cheetahgrid-data-datasource-object"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Using Promises",frontmatter:{order:200},regularPath:"/api/js/grid_data/using_promises.html",relativePath:"api/js/grid_data/using_promises.md",key:"v-3ddf1032",path:"/api/js/grid_data/using_promises.html",headers:[{level:2,title:"Promise Records",slug:"promise-records"},{level:2,title:"Promise Cells",slug:"promise-cells"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Headers and Columns",frontmatter:{order:100,sidebarDepth:3},regularPath:"/api/js/headers_columns.html",relativePath:"api/js/headers_columns.md",key:"v-7c88a838",path:"/api/js/headers_columns.html",headers:[{level:2,title:"Standard Column",slug:"standard-column"},{level:3,title:"field property",slug:"field-property"},{level:2,title:"Multiple Header",slug:"multiple-header"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Options and Properties",frontmatter:{sidebarDepth:3,order:9e3},regularPath:"/api/js/options/",relativePath:"api/js/options/README.md",key:"v-a34337ce",path:"/api/js/options/",headers:[{level:2,title:"cheetahGrid.ListGrid",slug:"cheetahgrid-listgrid"},{level:3,title:"Constructor Options",slug:"constructor-options"},{level:3,title:"Properties",slug:"properties"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Examples of allowRangePaste",frontmatter:{sidebarDepth:3,order:10},regularPath:"/api/js/options/allowRangePaste.html",relativePath:"api/js/options/allowRangePaste.md",key:"v-15bd7064",path:"/api/js/options/allowRangePaste.html",headers:[{level:2,title:"Cautionary Notes",slug:"cautionary-notes"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"keyboardOptions",frontmatter:{sidebarDepth:3,order:20},regularPath:"/api/js/options/keyboardOptions.html",relativePath:"api/js/options/keyboardOptions.md",key:"v-18d949f4",path:"/api/js/options/keyboardOptions.html",headers:[{level:2,title:"Focus and Edit",slug:"focus-and-edit"},{level:3,title:"moveCellOnTab",slug:"movecellontab"},{level:3,title:"moveCellOnEnter",slug:"movecellonenter"},{level:3,title:"deleteCellValueOnDel",slug:"deletecellvalueondel"},{level:3,title:"selectAllOnCtrlA",slug:"selectallonctrla"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Selection Property",frontmatter:{order:190},regularPath:"/api/js/selection.html",relativePath:"api/js/selection.md",key:"v-c0be3cb0",path:"/api/js/selection.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Theme",frontmatter:{order:250},regularPath:"/api/js/theme.html",relativePath:"api/js/theme.md",key:"v-43567624",path:"/api/js/theme.html",headers:[{level:2,title:"Grid instance",slug:"grid-instance"},{level:2,title:"Global",slug:"global"},{level:2,title:"Extend theme",slug:"extend-theme"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"API for Vue.js",frontmatter:{},regularPath:"/api/vue/",relativePath:"api/vue/README.md",key:"v-58e313f6",path:"/api/vue/",headers:[{level:2,title:"Available Vue Components",slug:"available-vue-components"},{level:2,title:"Template",slug:"template"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Advanced Layout",frontmatter:{order:200},regularPath:"/api/vue/advanced_layout/",relativePath:"api/vue/advanced_layout/README.md",key:"v-09437255",path:"/api/vue/advanced_layout/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGrid",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGrid.html",relativePath:"api/vue/components/CGrid.md",key:"v-6d5cb27c",path:"/api/vue/components/CGrid.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:3,title:"layout-header slot",slug:"layout-header-slot"},{level:3,title:"layout-body slot",slug:"layout-body-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Examples of using Properties",slug:"examples-of-using-properties"},{level:3,title:"theme",slug:"theme"},{level:2,title:"Data",slug:"data"},{level:2,title:"Events",slug:"events"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridBranchGraphColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridBranchGraphColumn.html",relativePath:"api/vue/components/CGridBranchGraphColumn.md",key:"v-730d7bb2",path:"/api/vue/components/CGridBranchGraphColumn.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridButtonColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridButtonColumn.html",relativePath:"api/vue/components/CGridButtonColumn.md",key:"v-2032cf32",path:"/api/vue/components/CGridButtonColumn.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Events",slug:"events"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridCheckColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridCheckColumn.html",relativePath:"api/vue/components/CGridCheckColumn.md",key:"v-06e68c32",path:"/api/vue/components/CGridCheckColumn.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridColumn.html",relativePath:"api/vue/components/CGridColumn.md",key:"v-30dd4956",path:"/api/vue/components/CGridColumn.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridColumnGroup",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridColumnGroup.html",relativePath:"api/vue/components/CGridColumnGroup.md",key:"v-bc0782dc",path:"/api/vue/components/CGridColumnGroup.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridHeader",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridHeader.html",relativePath:"api/vue/components/CGridHeader.md",key:"v-9dee1530",path:"/api/vue/components/CGridHeader.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridIconColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridIconColumn.html",relativePath:"api/vue/components/CGridIconColumn.md",key:"v-4ab004b8",path:"/api/vue/components/CGridIconColumn.html",headers:[{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridInputColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridInputColumn.html",relativePath:"api/vue/components/CGridInputColumn.md",key:"v-69b6aa72",path:"/api/vue/components/CGridInputColumn.html",headers:[{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridLayoutRow",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridLayoutRow.html",relativePath:"api/vue/components/CGridLayoutRow.md",key:"v-57b9def2",path:"/api/vue/components/CGridLayoutRow.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridLinkColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridLinkColumn.html",relativePath:"api/vue/components/CGridLinkColumn.md",key:"v-5fdebbbc",path:"/api/vue/components/CGridLinkColumn.html",headers:[{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridMenuColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridMenuColumn.html",relativePath:"api/vue/components/CGridMenuColumn.md",key:"v-35de20d8",path:"/api/vue/components/CGridMenuColumn.html",headers:[{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridPercentCompleteBarColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridPercentCompleteBarColumn.html",relativePath:"api/vue/components/CGridPercentCompleteBarColumn.md",key:"v-6e41392c",path:"/api/vue/components/CGridPercentCompleteBarColumn.html",headers:[{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"CGridRadioColumn",frontmatter:{sidebarDepth:3},regularPath:"/api/vue/components/CGridRadioColumn.html",relativePath:"api/vue/components/CGridRadioColumn.md",key:"v-32b8f8dc",path:"/api/vue/components/CGridRadioColumn.html",headers:[{level:2,title:"Vue Template Structure",slug:"vue-template-structure"},{level:2,title:"Slots",slug:"slots"},{level:3,title:"default slot",slug:"default-slot"},{level:2,title:"Properties",slug:"properties"},{level:3,title:"Optional Properties",slug:"optional-properties"},{level:2,title:"Methods",slug:"methods"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Available Vue Components",frontmatter:{order:50},regularPath:"/api/vue/components/",relativePath:"api/vue/components/README.md",key:"v-58cee28e",path:"/api/vue/components/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Define Headers and Columns",frontmatter:{order:100},regularPath:"/api/vue/headers_columns.html",relativePath:"api/vue/headers_columns.md",key:"v-4f3299f2",path:"/api/vue/headers_columns.html",headers:[{level:2,title:"Standard Column",slug:"standard-column"},{level:2,title:"Multiple Header",slug:"multiple-header"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"FAQ",frontmatter:{},regularPath:"/faq/",relativePath:"faq/README.md",key:"v-5e3a89fb",path:"/faq/",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Auto Paging",frontmatter:{order:1e3},regularPath:"/faq/auto_paging.html",relativePath:"faq/auto_paging.md",key:"v-14aab1dc",path:"/faq/auto_paging.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Checkbox on header",frontmatter:{order:200},regularPath:"/faq/header_check.html",relativePath:"faq/header_check.md",key:"v-30cacb00",path:"/faq/header_check.html",headers:[{level:2,title:"Using Vue.js",slug:"using-vue-js"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Jump to the Specified Cell",frontmatter:{order:300},regularPath:"/faq/jump.html",relativePath:"faq/jump.md",key:"v-e027fe60",path:"/faq/jump.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Change the color of the row",frontmatter:{order:100},regularPath:"/faq/select_row_color.html",relativePath:"faq/select_row_color.md",key:"v-79eb1576",path:"/faq/select_row_color.html",lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Introduction",frontmatter:{sidebarDepth:3},regularPath:"/introduction/",relativePath:"introduction/README.md",key:"v-e512568e",path:"/introduction/",headers:[{level:2,title:"What it is",slug:"what-it-is"},{level:2,title:"Show 1,000,000 records without stress",slug:"show-1-000-000-records-without-stress"},{level:2,title:"Simple Example",slug:"simple-example"},{level:3,title:"JavaScript",slug:"javascript"},{level:3,title:"Vue.js",slug:"vue-js"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Getting Started with React",frontmatter:{order:30},regularPath:"/introduction/getting-started-with-react.html",relativePath:"introduction/getting-started-with-react.md",key:"v-6e381772",path:"/introduction/getting-started-with-react.html",headers:[{level:2,title:"Installation",slug:"installation"},{level:3,title:"Via npm",slug:"via-npm"},{level:2,title:"Usage",slug:"usage"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Getting Started with Vue.js",frontmatter:{order:20},regularPath:"/introduction/getting-started-with-vue.html",relativePath:"introduction/getting-started-with-vue.md",key:"v-461b1a12",path:"/introduction/getting-started-with-vue.html",headers:[{level:2,title:"Installation",slug:"installation"},{level:3,title:"Via npm",slug:"via-npm"},{level:3,title:"Via CDN",slug:"via-cdn"},{level:2,title:"Vue Instance & Template",slug:"vue-instance-template"}],lastUpdated:"5/7/2024, 7:31:20 AM"},{title:"Getting Started",frontmatter:{order:10},regularPath:"/introduction/getting-started.html",relativePath:"introduction/getting-started.md",key:"v-8d2d5750",path:"/introduction/getting-started.html",headers:[{level:2,title:"Installation",slug:"installation"},{level:3,title:"Via npm",slug:"via-npm"},{level:3,title:"Via CDN",slug:"via-cdn"},{level:3,title:"Via Source Code",slug:"via-source-code"},{level:3,title:"Via GitHub",slug:"via-github"},{level:2,title:"JavaScript & HTML",slug:"javascript-html"}],lastUpdated:"5/7/2024, 7:31:20 AM"}],themeConfig:{logo:"/logo.svg",repo:"https://github.com/future-architect/cheetah-grid",docsRepo:"https://github.com/future-architect/cheetah-grid",docsDir:"packages/docs",docsBranch:"master",editLinks:!0,lastUpdated:!0,nav:[{text:"Introduction",link:"/introduction/"},{text:"API",items:[{text:"for JavaScript",link:"/api/js/"},{text:"for Vue.js",link:"/api/vue/"},{text:"for React",link:"https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme"}]},{text:"Demo",link:"https://future-architect.github.io/cheetah-grid/"}],sidebar:{"/api/js/advanced_header/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/","/api/js/column_styles/","/api/js/column_actions/","/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message",{title:"Advanced Header",collapsable:!1,children:["/api/js/advanced_header/","/api/js/advanced_header/column_sort","/api/js/advanced_header/multiline_text_header","/api/js/advanced_header/header_styles","/api/js/advanced_header/header_actions"]},"/api/js/advanced_layout/","/api/js/options/"],"/api/js/advanced_layout/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/","/api/js/column_styles/","/api/js/column_actions/","/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/",{title:"Advanced Layout",collapsable:!1,children:["/api/js/advanced_layout/"]},"/api/js/options/"],"/api/js/column_actions/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/","/api/js/column_styles/",{title:"Define Column Actions",collapsable:!1,children:["/api/js/column_actions/","/api/js/column_actions/Classes","/api/js/column_actions/ButtonAction","/api/js/column_actions/CheckEditor","/api/js/column_actions/SmallDialogInputEditor","/api/js/column_actions/InlineInputEditor","/api/js/column_actions/InlineMenuEditor","/api/js/column_actions/RadioEditor","/api/js/column_actions/standard-properties"]},"/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/","/api/js/advanced_layout/","/api/js/options/"],"/api/js/column_styles/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/",{title:"Define Column Styles",collapsable:!1,children:["/api/js/column_styles/","/api/js/column_styles/indicators"]},"/api/js/column_actions/","/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/","/api/js/advanced_layout/","/api/js/options/"],"/api/js/column_types/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width",{title:"Define Column Types",collapsable:!1,children:["/api/js/column_types/","/api/js/column_types/Classes","/api/js/column_types/NumberColumn","/api/js/column_types/CheckColumn","/api/js/column_types/MenuColumn","/api/js/column_types/ButtonColumn","/api/js/column_types/ImageColumn","/api/js/column_types/PercentCompleteBarColumn","/api/js/column_types/IconColumn","/api/js/column_types/MultilineTextColumn","/api/js/column_types/BranchGraphColumn","/api/js/column_types/RadioColumn"]},"/api/js/column_styles/","/api/js/column_actions/","/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/","/api/js/advanced_layout/","/api/js/options/"],"/api/js/grid_data/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/","/api/js/column_styles/","/api/js/column_actions/",{title:"Grid Data",collapsable:!1,children:["/api/js/grid_data/","/api/js/grid_data/using_promises","/api/js/grid_data/FilterDataSource"]},"/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/","/api/js/advanced_layout/","/api/js/options/"],"/api/js/options/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/","/api/js/column_styles/","/api/js/column_actions/","/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/","/api/js/advanced_layout/",{title:"Options and Properties",collapsable:!1,children:["/api/js/options/","/api/js/options/allowRangePaste","/api/js/options/keyboardOptions"]}],"/api/js/":["/api/","/api/js/","/api/js/headers_columns","/api/js/column_width","/api/js/column_types/","/api/js/column_styles/","/api/js/column_actions/","/api/js/grid_data/","/api/js/selection","/api/js/events","/api/js/theme","/api/js/column_icon","/api/js/cell_message","/api/js/advanced_header/","/api/js/advanced_layout/","/api/js/options/"],"/api/vue/advanced_layout/":["/api/","/api/vue/","/api/vue/components/","/api/vue/headers_columns",{title:"Advanced Layout",collapsable:!1,children:["/api/vue/advanced_layout/"]}],"/api/vue/components/":["/api/","/api/vue/",{title:"Available Vue Components",collapsable:!1,children:["/api/vue/components/","/api/vue/components/CGrid","/api/vue/components/CGridBranchGraphColumn","/api/vue/components/CGridButtonColumn","/api/vue/components/CGridCheckColumn","/api/vue/components/CGridColumn","/api/vue/components/CGridColumnGroup","/api/vue/components/CGridHeader","/api/vue/components/CGridIconColumn","/api/vue/components/CGridInputColumn","/api/vue/components/CGridLayoutRow","/api/vue/components/CGridLinkColumn","/api/vue/components/CGridMenuColumn","/api/vue/components/CGridPercentCompleteBarColumn","/api/vue/components/CGridRadioColumn"]},"/api/vue/headers_columns","/api/vue/advanced_layout/"],"/api/vue/":["/api/","/api/vue/","/api/vue/components/","/api/vue/headers_columns","/api/vue/advanced_layout/"],"/api/":["/api/","/api/js/","/api/vue/"],"/faq/":["/faq/","/faq/select_row_color","/faq/header_check","/faq/jump","/faq/auto_paging"],"/introduction/":["/introduction/","/introduction/getting-started","/introduction/getting-started-with-vue","/introduction/getting-started-with-react"],"/":["/","/api/","/faq/","/introduction/"]}},locales:{"/":{lang:"en-US",path:"/"}}};n(322);a.a.component("code-preview",(function(){return Promise.all([n.e(0),n.e(3)]).then(n.bind(null,401))})),a.a.component("vue-preview",(function(){return Promise.all([n.e(0),n.e(4)]).then(n.bind(null,364))})),a.a.component("Badge",(function(){return Promise.all([n.e(0),n.e(5)]).then(n.bind(null,474))})),a.a.component("CodeBlock",(function(){return Promise.all([n.e(0),n.e(6)]).then(n.bind(null,402))})),a.a.component("CodeGroup",(function(){return Promise.all([n.e(0),n.e(7)]).then(n.bind(null,403))}));n(323);var Ge=[function(t){var e=t.Vue;t.options,t.router,t.siteData;"undefined"!=typeof vueCheetahGrid&&e.use(vueCheetahGrid)},{},function(t){t.Vue.mixin({computed:{$dataBlock:function(){return this.$options.__data__block__}}})},{},{}],De=[];function Be(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}n(324);function Ne(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Fe(t,e,n){return e&&Ne(t.prototype,e),n&&Ne(t,n),t}n(182);n(174);function qe(t,e){return(qe=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}n(175);function Ve(t){return(Ve=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var He=n(180),ze=n.n(He);function We(t,e){if(e&&("object"===ze()(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function Ke(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ve(t);if(e){var o=Ve(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return We(this,n)}}var Je=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qe(t,e)}(n,t);var e=Ke(n);function n(){return Be(this,n),e.apply(this,arguments)}return n}(function(){function t(){Be(this,t),this.store=new a.a({data:{state:{}}})}return Fe(t,[{key:"$get",value:function(t){return this.store.state[t]}},{key:"$set",value:function(t,e){a.a.set(this.store.state,t,e)}},{key:"$emit",value:function(){var t;(t=this.store).$emit.apply(t,arguments)}},{key:"$on",value:function(){var t;(t=this.store).$on.apply(t,arguments)}}]),t}());Object.assign(Je.prototype,{getPageAsyncComponent:he,getLayoutAsyncComponent:de,getAsyncComponent:ve,getVueComponent:me});var Ye={install:function(t){var e=new Je;t.$vuepress=e,t.prototype.$vuepress=e}};function Xe(t){t.beforeEach((function(e,n,r){if(Qe(t,e.path))r();else if(/(\/|\.html)$/.test(e.path))if(/\/$/.test(e.path)){var o=e.path.replace(/\/$/,"")+".html";Qe(t,o)?r(o):r()}else r();else{var i=e.path+"/",a=e.path+".html";Qe(t,a)?r(a):Qe(t,i)?r(i):r()}}))}function Qe(t,e){var n=e.toLowerCase();return t.options.routes.some((function(t){return t.path.toLowerCase()===n}))}var Ze={props:{pageKey:String,slotKey:{type:String,default:"default"}},render:function(t){var e=this.pageKey||this.$parent.$page.key;return ge("pageKey",e),a.a.component(e)||a.a.component(e,he(e)),a.a.component(e)?t(e):t("")}},tn={functional:!0,props:{slotKey:String,required:!0},render:function(t,e){var n=e.props,r=e.slots;return t("div",{class:["content__".concat(n.slotKey)]},r()[n.slotKey])}},en={computed:{openInNewWindowTitle:function(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},nn=(n(326),n(327),Object(Te.a)(en,(function(){var t=this.$createElement,e=this._self._c||t;return e("span",[e("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[e("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),e("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),e("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports);function rn(){return(rn=o(regeneratorRuntime.mark((function t(e){var n,r,o,i;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n="undefined"!=typeof window&&window.__VUEPRESS_ROUTER_BASE__?window.__VUEPRESS_ROUTER_BASE__:Ue.routerBase||Ue.base,Xe(r=new Yt({base:n,mode:"history",fallback:!1,routes:Ie,scrollBehavior:function(t,e,n){return n||(t.hash?!a.a.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(t.hash)}:{x:0,y:0})}})),o={},t.prev=4,t.next=7,Promise.all(Ge.filter((function(t){return"function"==typeof t})).map((function(t){return t({Vue:a.a,options:o,router:r,siteData:Ue,isServer:e})})));case 7:t.next=12;break;case 9:t.prev=9,t.t0=t.catch(4),console.error(t.t0);case 12:return i=new a.a(Object.assign(o,{router:r,render:function(t){return t("div",{attrs:{id:"app"}},[t("RouterView",{ref:"layout"}),t("div",{class:"global-ui"},De.map((function(e){return t(e)})))])}})),t.abrupt("return",{app:i,router:r});case 14:case"end":return t.stop()}}),t,null,[[4,9]])})))).apply(this,arguments)}a.a.config.productionTip=!1,a.a.use(Yt),a.a.use(Ye),a.a.mixin(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:a.a;Xt(e),n.$vuepress.$set("siteData",e);var r=t(n.$vuepress.$get("siteData")),o=new r,i=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)),u={};return Object.keys(i).reduce((function(t,e){return e.startsWith("$")&&(t[e]=i[e].get),t}),u),{computed:u}}((function(t){return function(){function e(){Be(this,e)}return Fe(e,[{key:"setPage",value:function(t){this.__page=t}},{key:"$site",get:function(){return t}},{key:"$themeConfig",get:function(){return this.$site.themeConfig}},{key:"$frontmatter",get:function(){return this.$page.frontmatter}},{key:"$localeConfig",get:function(){var t,e,n=this.$site.locales,r=void 0===n?{}:n;for(var o in r)"/"===o?e=r[o]:0===this.$page.path.indexOf(o)&&(t=r[o]);return t||e||{}}},{key:"$siteTitle",get:function(){return this.$localeConfig.title||this.$site.title||""}},{key:"$canonicalUrl",get:function(){var t=this.$page.frontmatter.canonicalUrl;return"string"==typeof t&&t}},{key:"$title",get:function(){var t=this.$page,e=this.$page.frontmatter.metaTitle;if("string"==typeof e)return e;var n=this.$siteTitle,r=t.frontmatter.home?null:t.frontmatter.title||t.title;return n?r?r+" | "+n:n:r||"VuePress"}},{key:"$description",get:function(){var t=function(t){if(t){var e=t.filter((function(t){return"description"===t.name}))[0];if(e)return e.content}}(this.$page.frontmatter.meta);return t||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}},{key:"$lang",get:function(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}},{key:"$localePath",get:function(){return this.$localeConfig.path||"/"}},{key:"$themeLocaleConfig",get:function(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}},{key:"$page",get:function(){return this.__page?this.__page:function(t,e){for(var n=0;n<t.length;n++){var r=t[n];if(r.path.toLowerCase()===e.toLowerCase())return r}return{path:"",frontmatter:{}}}(this.$site.pages,this.$route.path)}}]),e}()}),Ue)),a.a.component("Content",Ze),a.a.component("ContentSlotsDistributor",tn),a.a.component("OutboundLink",nn),a.a.component("ClientOnly",{functional:!0,render:function(t,e){var n=e.parent,r=e.children;if(n._isMounted)return r;n.$once("hook:mounted",(function(){n.$forceUpdate()}))}}),a.a.component("Layout",de("Layout")),a.a.component("NotFound",de("NotFound")),a.a.prototype.$withBase=function(t){var e=this.$site.base;return"/"===t.charAt(0)?e+t.slice(1):t},window.__VUEPRESS__={version:"1.8.2",hash:"901598d"},function(t){return rn.apply(this,arguments)}(!1).then((function(t){var e=t.app;t.router.onReady((function(){e.$mount("#app")}))}))}]);
\ No newline at end of file
diff --git a/documents/faq/auto_paging.html b/documents/faq/auto_paging.html
new file mode 100644
index 000000000..68bcac95c
--- /dev/null
+++ b/documents/faq/auto_paging.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Auto Paging | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/73.a2eae337.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/faq/" aria-current="page" class="sidebar-link">FAQ</a></li><li><a href="/cheetah-grid/documents/faq/select_row_color.html" class="sidebar-link">Change the color of the row</a></li><li><a href="/cheetah-grid/documents/faq/header_check.html" class="sidebar-link">Checkbox on header</a></li><li><a href="/cheetah-grid/documents/faq/jump.html" class="sidebar-link">Jump to the Specified Cell</a></li><li><a href="/cheetah-grid/documents/faq/auto_paging.html" aria-current="page" class="active sidebar-link">Auto Paging</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="auto-paging"><a href="#auto-paging" class="header-anchor">#</a> Auto Paging</h1> <p>Real time loading by scroll action.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>textarea</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample_log<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>readonly</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ajax logs<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>textarea</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>// create DataSource</span>
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token constant" data-v-63d28fc8>GET_RECORDS_SIZE</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token constant" data-v-63d28fc8>BUFFER_RECORDS_SIZE</span> <span class="token operator" data-v-63d28fc8>=</span> Math<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>floor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>GET_RECORDS_SIZE</span> <span class="token operator" data-v-63d28fc8>/</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>||</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> loadedData <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>{</span><span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>let</span> isAllLoaded <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> dataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>data<span class="token punctuation" data-v-63d28fc8>.</span>CachedDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>get</span><span class="token punctuation" data-v-63d28fc8>(</span>index<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> loadStartIndex <span class="token operator" data-v-63d28fc8>=</span>
+ Math<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>floor</span><span class="token punctuation" data-v-63d28fc8>(</span>index <span class="token operator" data-v-63d28fc8>/</span> <span class="token constant" data-v-63d28fc8>GET_RECORDS_SIZE</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>*</span> <span class="token constant" data-v-63d28fc8>GET_RECORDS_SIZE</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token operator" data-v-63d28fc8>!</span>loadedData<span class="token punctuation" data-v-63d28fc8>[</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> promiseObject <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>getRecordsWithAjax</span><span class="token punctuation" data-v-63d28fc8>(</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token constant" data-v-63d28fc8>GET_RECORDS_SIZE</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token comment" data-v-63d28fc8>// return Promise Object</span>
+ <span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>then</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>isAllLoaded<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> data<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token comment" data-v-63d28fc8>// length update?</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> length <span class="token operator" data-v-63d28fc8>=</span> loadStartIndex <span class="token operator" data-v-63d28fc8>+</span> data<span class="token punctuation" data-v-63d28fc8>.</span>length<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>data<span class="token punctuation" data-v-63d28fc8>.</span>length <span class="token operator" data-v-63d28fc8><</span> <span class="token constant" data-v-63d28fc8>GET_RECORDS_SIZE</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// all loaded!!</span>
+ dataSource<span class="token punctuation" data-v-63d28fc8>.</span>length <span class="token operator" data-v-63d28fc8>=</span> length<span class="token punctuation" data-v-63d28fc8>;</span>
+ isAllLoaded <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>dataSource<span class="token punctuation" data-v-63d28fc8>.</span>length <span class="token operator" data-v-63d28fc8><=</span> length<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// append length!!</span>
+ dataSource<span class="token punctuation" data-v-63d28fc8>.</span>length <span class="token operator" data-v-63d28fc8>=</span> length <span class="token operator" data-v-63d28fc8>+</span> <span class="token constant" data-v-63d28fc8>BUFFER_RECORDS_SIZE</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> data<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ loadedData<span class="token punctuation" data-v-63d28fc8>[</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span> <span class="token operator" data-v-63d28fc8>=</span> promiseObject<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> loadedData<span class="token punctuation" data-v-63d28fc8>[</span>loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>then</span><span class="token punctuation" data-v-63d28fc8>(</span>
+ <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> data<span class="token punctuation" data-v-63d28fc8>[</span>index <span class="token operator" data-v-63d28fc8>-</span> loadStartIndex<span class="token punctuation" data-v-63d28fc8>]</span>
+ <span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ length<span class="token operator" data-v-63d28fc8>:</span> <span class="token constant" data-v-63d28fc8>BUFFER_RECORDS_SIZE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token comment" data-v-63d28fc8>//init records count</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token comment" data-v-63d28fc8>// create cheetahGrid</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>configure</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"fadeinWhenCallbackInPromise"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token comment" data-v-63d28fc8>// set dataSource</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>dataSource <span class="token operator" data-v-63d28fc8>=</span> dataSource<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>function</span> <span class="token function" data-v-63d28fc8>getRecordsWithAjax</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>startIndex<span class="token punctuation" data-v-63d28fc8>,</span> num</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Promise</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> loadedCount <span class="token operator" data-v-63d28fc8>=</span> startIndex <span class="token operator" data-v-63d28fc8>+</span> num<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>let</span> last <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>loadedCount <span class="token operator" data-v-63d28fc8>>=</span> <span class="token number" data-v-63d28fc8>1080</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ num <span class="token operator" data-v-63d28fc8>=</span> <span class="token number" data-v-63d28fc8>1080</span> <span class="token operator" data-v-63d28fc8>-</span> startIndex<span class="token punctuation" data-v-63d28fc8>;</span>
+ last <span class="token operator" data-v-63d28fc8>=</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token function" data-v-63d28fc8>setTimeout</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>let</span> i <span class="token operator" data-v-63d28fc8>=</span> <span class="token number" data-v-63d28fc8>0</span><span class="token punctuation" data-v-63d28fc8>;</span> i <span class="token operator" data-v-63d28fc8><</span> num<span class="token punctuation" data-v-63d28fc8>;</span> i<span class="token operator" data-v-63d28fc8>++</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>push</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token function" data-v-63d28fc8>generatePerson</span><span class="token punctuation" data-v-63d28fc8>(</span>startIndex <span class="token operator" data-v-63d28fc8>+</span> i<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> log <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample_log"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>+=</span> <span class="token template-string" data-v-63d28fc8><span class="token template-punctuation string" data-v-63d28fc8>`</span><span class="token string" data-v-63d28fc8>\nAcquire </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>num<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8> data from index </span><span class="token interpolation" data-v-63d28fc8><span class="token interpolation-punctuation punctuation" data-v-63d28fc8>${</span>startIndex<span class="token interpolation-punctuation punctuation" data-v-63d28fc8>}</span></span><span class="token string" data-v-63d28fc8>.</span><span class="token template-punctuation string" data-v-63d28fc8>`</span></span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>=</span> log<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>trim</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ log<span class="token punctuation" data-v-63d28fc8>.</span>scrollTop <span class="token operator" data-v-63d28fc8>=</span> log<span class="token punctuation" data-v-63d28fc8>.</span>scrollHeight<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>last <span class="token operator" data-v-63d28fc8>&&</span> records<span class="token punctuation" data-v-63d28fc8>.</span>length<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> lastData <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>[</span>records<span class="token punctuation" data-v-63d28fc8>.</span>length <span class="token operator" data-v-63d28fc8>-</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ lastData<span class="token punctuation" data-v-63d28fc8>.</span>fname <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"Cheetah"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ lastData<span class="token punctuation" data-v-63d28fc8>.</span>lname <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"Grid!!"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ lastData<span class="token punctuation" data-v-63d28fc8>.</span>email <span class="token operator" data-v-63d28fc8>=</span> <span class="token string" data-v-63d28fc8>"hello_cheetah_grid@gmail.com"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token function" data-v-63d28fc8>resolve</span><span class="token punctuation" data-v-63d28fc8>(</span>records<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>500</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>73</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>74</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>75</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>76</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>77</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>78</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>79</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>80</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/faq/auto_paging.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/faq/jump.html" class="prev">
+ Jump to the Specified Cell
+ </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/73.a2eae337.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/faq/header_check.html b/documents/faq/header_check.html
new file mode 100644
index 000000000..cf7e8c22f
--- /dev/null
+++ b/documents/faq/header_check.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Checkbox on header | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/faq/" aria-current="page" class="sidebar-link">FAQ</a></li><li><a href="/cheetah-grid/documents/faq/select_row_color.html" class="sidebar-link">Change the color of the row</a></li><li><a href="/cheetah-grid/documents/faq/header_check.html" aria-current="page" class="active sidebar-link">Checkbox on header</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/faq/header_check.html#using-vue-js" class="sidebar-link">Using Vue.js</a></li></ul></li><li><a href="/cheetah-grid/documents/faq/jump.html" class="sidebar-link">Jump to the Specified Cell</a></li><li><a href="/cheetah-grid/documents/faq/auto_paging.html" class="sidebar-link">Auto Paging</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="checkbox-on-header"><a href="#checkbox-on-header" class="header-anchor">#</a> Checkbox on header</h1> <p>You implement as follows using the <code>headerAction</code>, <code>headerType</code> properties.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ headerAction<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"text"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abc"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"def"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ghi"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> <span class="token constant" data-v-63d28fc8>CHANGED_HEADER_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span> <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>EVENT_TYPE</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CHANGED_HEADER_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token punctuation" data-v-63d28fc8>,</span> field <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>field <span class="token operator" data-v-63d28fc8>!==</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token comment" data-v-63d28fc8>// header check value on change</span>
+
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>const</span> rec <span class="token keyword" data-v-63d28fc8>of</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ rec<span class="token punctuation" data-v-63d28fc8>[</span>field<span class="token punctuation" data-v-63d28fc8>]</span> <span class="token operator" data-v-63d28fc8>=</span> value<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> value<span class="token punctuation" data-v-63d28fc8>,</span> field <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>field <span class="token operator" data-v-63d28fc8>!==</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token comment" data-v-63d28fc8>// check value on change</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>headerValues<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>set</span><span class="token punctuation" data-v-63d28fc8>(</span>field<span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="using-vue-js"><a href="#using-vue-js" class="header-anchor">#</a> Using Vue.js</h2> <p>You implement as follows using the <code>header-action</code>, <code>header-type</code> properties.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>ref</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>no<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ no
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>header-type</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>header-action</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@changed-header-value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onChangeHeaderValue<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@changed-value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onChangeValue<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>text<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ text
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"abc"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"def"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> text<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ghi"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onChangeHeaderValue</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> value <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// header check value on change</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> grid <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>$refs<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ <span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>const</span> rec <span class="token keyword" data-v-63d28fc8>of</span> <span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>records<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ rec<span class="token punctuation" data-v-63d28fc8>.</span>check <span class="token operator" data-v-63d28fc8>=</span> value<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>onChangeValue</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// check value on change</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> grid <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>this</span><span class="token punctuation" data-v-63d28fc8>.</span>$refs<span class="token punctuation" data-v-63d28fc8>;</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>headerValues<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>set</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/faq/header_check.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/faq/select_row_color.html" class="prev">
+ Change the color of the row
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/faq/jump.html">
+ Jump to the Specified Cell
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/74.5cce4b03.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/faq/index.html b/documents/faq/index.html
new file mode 100644
index 000000000..23f26404e
--- /dev/null
+++ b/documents/faq/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>FAQ | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/72.a025cd52.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/faq/" aria-current="page" class="active sidebar-link">FAQ</a></li><li><a href="/cheetah-grid/documents/faq/select_row_color.html" class="sidebar-link">Change the color of the row</a></li><li><a href="/cheetah-grid/documents/faq/header_check.html" class="sidebar-link">Checkbox on header</a></li><li><a href="/cheetah-grid/documents/faq/jump.html" class="sidebar-link">Jump to the Specified Cell</a></li><li><a href="/cheetah-grid/documents/faq/auto_paging.html" class="sidebar-link">Auto Paging</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="faq"><a href="#faq" class="header-anchor">#</a> FAQ</h1></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/faq/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/cheetah-grid/documents/faq/select_row_color.html">
+ Change the color of the row
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/72.a025cd52.js" defer></script>
+ </body>
+</html>
diff --git a/documents/faq/jump.html b/documents/faq/jump.html
new file mode 100644
index 000000000..f440874f2
--- /dev/null
+++ b/documents/faq/jump.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Jump to the Specified Cell | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/75.42345654.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/faq/" aria-current="page" class="sidebar-link">FAQ</a></li><li><a href="/cheetah-grid/documents/faq/select_row_color.html" class="sidebar-link">Change the color of the row</a></li><li><a href="/cheetah-grid/documents/faq/header_check.html" class="sidebar-link">Checkbox on header</a></li><li><a href="/cheetah-grid/documents/faq/jump.html" aria-current="page" class="active sidebar-link">Jump to the Specified Cell</a></li><li><a href="/cheetah-grid/documents/faq/auto_paging.html" class="sidebar-link">Auto Paging</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="jump-to-the-specified-cell"><a href="#jump-to-the-specified-cell" class="header-anchor">#</a> Jump to the Specified Cell</h1> <p>Example below shows the usage of jumping to the specified cell.<br>
+In this example, cursor jumps to cell, no column is 7.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>button</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>jump<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>jump<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>button</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Cat"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Tiger"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>3</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Leopard"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>4</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Jaguar"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>5</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Cheetah"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>true</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>6</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Lion"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> check<span class="token operator" data-v-63d28fc8>:</span> <span class="token boolean" data-v-63d28fc8>false</span><span class="token punctuation" data-v-63d28fc8>,</span> no<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>7</span><span class="token punctuation" data-v-63d28fc8>,</span> name<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Ocelot"</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>80</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"no"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>records <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> jumpButton <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".jump"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+jumpButton<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onclick</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>makeVisibleGridCell</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>6</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>focusGridCell</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"name"</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token number" data-v-63d28fc8>6</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/faq/jump.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/faq/header_check.html" class="prev">
+ Checkbox on header
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/faq/auto_paging.html">
+ Auto Paging
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/75.42345654.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/faq/select_row_color.html b/documents/faq/select_row_color.html
new file mode 100644
index 000000000..426482463
--- /dev/null
+++ b/documents/faq/select_row_color.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Change the color of the row | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/faq/" aria-current="page" class="sidebar-link">FAQ</a></li><li><a href="/cheetah-grid/documents/faq/select_row_color.html" aria-current="page" class="active sidebar-link">Change the color of the row</a></li><li><a href="/cheetah-grid/documents/faq/header_check.html" class="sidebar-link">Checkbox on header</a></li><li><a href="/cheetah-grid/documents/faq/jump.html" class="sidebar-link">Jump to the Specified Cell</a></li><li><a href="/cheetah-grid/documents/faq/auto_paging.html" class="sidebar-link">Auto Paging</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="change-the-color-of-the-row"><a href="#change-the-color-of-the-row" class="header-anchor">#</a> Change the color of the row</h1> <p>You can use the <code>theme</code> to change the row color.</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>sample1 demo-grid small<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> materialDesignTheme <span class="token operator" data-v-63d28fc8>=</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>MATERIAL_DESIGN</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>const</span> userTheme <span class="token operator" data-v-63d28fc8>=</span> materialDesignTheme<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>extends</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>defaultBgColor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> row<span class="token punctuation" data-v-63d28fc8>,</span> grid <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// change the color of the checked row.</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>row <span class="token operator" data-v-63d28fc8><</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> record <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>[</span>row <span class="token operator" data-v-63d28fc8>-</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>check<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token string" data-v-63d28fc8>"#DDF"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".sample1"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ theme<span class="token operator" data-v-63d28fc8>:</span> userTheme<span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>field</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Intl<span class="token punctuation" data-v-63d28fc8>.</span>DateTimeFormat</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>format</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW REC"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>action</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>listen</span><span class="token punctuation" data-v-63d28fc8>(</span>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>EVENT_TYPE</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>CHANGED_VALUE</span><span class="token punctuation" data-v-63d28fc8>,</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>=></span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// Redraw when checkbox is changed. This is because cells other than checkboxes are not redrawn automatically.</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>invalidate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <p>For the Vue component, do the following:</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>ref</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@changed-value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>$refs.grid.invalidate()<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:theme</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>userTheme<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>:width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>First Name<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Last Name<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>email<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>250<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Email<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>:field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>(rec) => new Intl.DateTimeFormat().format(rec.birthday)<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>250<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>birthday<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span> <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> materialDesignTheme <span class="token operator" data-v-63d28fc8>=</span> vueCheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>MATERIAL_DESIGN</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ userTheme<span class="token operator" data-v-63d28fc8>:</span> materialDesignTheme<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>extends</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>defaultBgColor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> row<span class="token punctuation" data-v-63d28fc8>,</span> grid <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// change the color of the checked row.</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>row <span class="token operator" data-v-63d28fc8><</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> record <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>[</span>row <span class="token operator" data-v-63d28fc8>-</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>check<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token string" data-v-63d28fc8>"#DDF"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <p>In addition, it can be expanded as follows:</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>demo-grid middle<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>ref</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@changed-value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>$refs.grid.invalidate()<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@selected-cell</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>(e)=>{
+ if (e.selected) {
+ $refs.grid.invalidate()
+ }
+ }<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:theme</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>userTheme<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>:width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>100<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>ID<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>First Name<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>200<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Last Name<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>email<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>250<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>Email<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span> <span class="token attr-name" data-v-63d28fc8>:field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>(rec) => new Intl.DateTimeFormat().format(rec.birthday)<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>250<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>birthday<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span> <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> records <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> materialDesignTheme <span class="token operator" data-v-63d28fc8>=</span> vueCheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span><span class="token constant" data-v-63d28fc8>MATERIAL_DESIGN</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token punctuation" data-v-63d28fc8>,</span>
+ userTheme<span class="token operator" data-v-63d28fc8>:</span> materialDesignTheme<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>extends</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>defaultBgColor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> col<span class="token punctuation" data-v-63d28fc8>,</span> row<span class="token punctuation" data-v-63d28fc8>,</span> grid <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> start<span class="token punctuation" data-v-63d28fc8>,</span> end <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>selection<span class="token punctuation" data-v-63d28fc8>.</span>range<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>end<span class="token punctuation" data-v-63d28fc8>.</span>row <span class="token operator" data-v-63d28fc8><</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// change the color of the selection cols.</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>start<span class="token punctuation" data-v-63d28fc8>.</span>col <span class="token operator" data-v-63d28fc8><=</span> col <span class="token operator" data-v-63d28fc8>&&</span> col <span class="token operator" data-v-63d28fc8><=</span> end<span class="token punctuation" data-v-63d28fc8>.</span>col<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token string" data-v-63d28fc8>"#DEF"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>row <span class="token operator" data-v-63d28fc8><</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token comment" data-v-63d28fc8>// change the color of the checked row.</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> record <span class="token operator" data-v-63d28fc8>=</span> records<span class="token punctuation" data-v-63d28fc8>[</span>row <span class="token operator" data-v-63d28fc8>-</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>record<span class="token punctuation" data-v-63d28fc8>.</span>check<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token string" data-v-63d28fc8>"#DDF"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token function" data-v-63d28fc8>borderColor</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8>{</span> col<span class="token punctuation" data-v-63d28fc8>,</span> row<span class="token punctuation" data-v-63d28fc8>,</span> grid <span class="token punctuation" data-v-63d28fc8>}</span></span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> <span class="token punctuation" data-v-63d28fc8>{</span> start<span class="token punctuation" data-v-63d28fc8>,</span> end <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token operator" data-v-63d28fc8>=</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>selection<span class="token punctuation" data-v-63d28fc8>.</span>range<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>end<span class="token punctuation" data-v-63d28fc8>.</span>row <span class="token operator" data-v-63d28fc8><</span> grid<span class="token punctuation" data-v-63d28fc8>.</span>frozenRowCount<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// change the border of the selection cols.</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>start<span class="token punctuation" data-v-63d28fc8>.</span>col <span class="token operator" data-v-63d28fc8>===</span> col <span class="token operator" data-v-63d28fc8>||</span> end<span class="token punctuation" data-v-63d28fc8>.</span>col <span class="token operator" data-v-63d28fc8>===</span> col<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token string" data-v-63d28fc8>"#ccc7c7"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ end<span class="token punctuation" data-v-63d28fc8>.</span>col <span class="token operator" data-v-63d28fc8>===</span> col <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"#BCF"</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token string" data-v-63d28fc8>"#ccc7c7"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ start<span class="token punctuation" data-v-63d28fc8>.</span>col <span class="token operator" data-v-63d28fc8>===</span> col <span class="token operator" data-v-63d28fc8>?</span> <span class="token string" data-v-63d28fc8>"#BCF"</span> <span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/faq/select_row_color.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/faq/" class="prev router-link-active">
+ FAQ
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/faq/header_check.html">
+ Checkbox on header
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/76.c8e5fc18.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/icon_512x512.ico b/documents/icon_512x512.ico
new file mode 100644
index 0000000000000000000000000000000000000000..0d7bb076ea32cd750652fb1c1a970694d85a8e08
GIT binary patch
literal 370070
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ºb9<*JLbTTk~)6t{9|@pq=ev
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
literal 0
HcmV?d00001
diff --git a/documents/icon_512x512.svg b/documents/icon_512x512.svg
new file mode 100644
index 000000000..943d6eeab
--- /dev/null
+++ b/documents/icon_512x512.svg
@@ -0,0 +1,980 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 512.00 512.00">
+<g stroke-width="2.00" fill="none" stroke-linecap="butt">
+<path stroke="#4d090f" vector-effect="non-scaling-stroke" d="
+ M 149.51 269.32
+ Q 139.32 264.51 136.09 262.15
+ Q 129.61 257.42 126.48 252.48
+ Q 123.31 247.47 120.43 239.70
+ C 119.70 237.72 118.41 235.85 117.22 234.11
+ Q 116.35 232.84 115.33 233.99
+ C 114.18 235.29 113.75 238.55 113.44 240.31
+ Q 113.02 242.69 112.00 245.35
+ Q 105.47 262.42 104.27 277.90
+ Q 103.56 287.20 104.15 298.74
+ Q 104.35 302.69 104.12 306.71
+ Q 103.85 311.41 105.54 316.21
+ Q 110.67 330.82 125.70 337.36
+ C 126.94 337.90 128.19 337.69 129.46 338.19
+ Q 130.31 338.53 129.43 338.80
+ L 127.82 339.29"
+/>
+<path stroke="#6a0f0f" vector-effect="non-scaling-stroke" d="
+ M 127.82 339.29
+ C 125.94 339.60 123.99 340.02 122.05 340.09
+ Q 110.56 340.55 102.35 341.72
+ Q 93.92 342.92 87.32 347.31
+ Q 84.50 349.18 81.54 350.38
+ C 70.16 354.97 65.17 366.16 59.95 376.79
+ C 57.87 381.00 55.19 386.17 52.16 389.35
+ C 50.12 391.49 48.55 394.28 46.38 395.74
+ Q 42.01 398.69 35.62 399.26
+ Q 34.58 399.36 35.60 399.60
+ Q 40.86 400.85 45.57 403.41
+ Q 55.77 408.93 66.13 414.42
+ Q 75.57 419.42 82.18 420.37
+ Q 85.80 420.89 89.33 421.49
+ C 96.97 422.80 105.07 421.86 112.00 418.57
+ C 121.07 414.27 127.22 408.14 134.26 400.93
+ C 142.34 392.65 152.83 384.90 163.81 380.69
+ C 165.89 379.90 166.92 378.52 168.56 377.20
+ A 1.15 1.15 0.0 0 1 170.28 377.53
+ Q 170.90 378.63 171.15 379.84
+ Q 172.06 384.19 172.82 388.43
+ Q 173.80 393.94 178.07 395.93
+ Q 179.99 396.83 181.73 397.99
+ Q 189.96 403.50 200.45 405.79
+ Q 210.06 407.89 219.41 410.23
+ Q 221.37 410.72 222.81 412.09
+ Q 230.27 419.24 237.63 426.41
+ C 244.45 433.05 252.04 439.34 260.55 443.27
+ Q 265.21 445.43 273.07 447.34
+ Q 279.45 448.88 286.19 450.80
+ C 298.17 454.20 310.38 456.92 322.93 456.44
+ C 334.20 456.01 346.33 456.42 358.01 455.52
+ C 367.28 454.81 378.24 452.56 385.95 447.35
+ C 392.03 443.25 415.41 425.08 404.87 416.12
+ Q 402.60 414.19 400.00 413.33
+ A 0.53 0.53 0.0 0 1 399.69 412.61
+ Q 403.61 404.09 406.87 396.04
+ C 410.61 386.82 412.71 377.15 409.09 367.53"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 409.09 367.53
+ Q 425.94 359.23 440.10 346.59
+ C 447.01 340.41 453.68 332.01 456.11 323.00
+ Q 457.74 316.96 458.97 311.14
+ Q 461.27 300.26 460.24 288.75
+ Q 459.34 278.64 453.85 266.22"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 453.85 266.22
+ C 460.08 241.61 463.83 224.95 466.82 208.17
+ C 468.82 196.94 468.96 187.12 467.59 176.14
+ Q 465.88 162.37 463.51 145.68
+ Q 463.38 144.78 463.03 143.99
+ Q 455.52 126.69 447.53 113.48
+ C 446.06 111.05 444.23 108.81 442.26 106.77
+ Q 430.64 94.71 418.00 83.23
+ A 2.04 2.01 -71.6 0 1 417.35 81.91
+ Q 416.80 75.46 415.19 69.96
+ C 414.01 65.91 410.58 59.57 405.95 59.22
+ C 396.25 58.47 386.85 61.98 380.57 68.95
+ Q 380.19 69.37 379.67 69.14
+ Q 360.43 60.61 339.50 58.08
+ Q 331.39 57.09 322.06 56.23
+ Q 313.81 55.47 307.85 55.59
+ Q 299.69 55.76 292.91 56.88
+ Q 286.72 57.90 279.42 59.49
+ C 268.65 61.83 259.09 65.26 249.20 70.34
+ C 243.40 73.32 237.69 74.80 231.24 74.34
+ C 225.51 73.93 220.20 70.42 215.42 67.49
+ Q 211.78 65.25 207.09 63.77
+ Q 201.77 62.09 197.53 61.29
+ Q 187.61 59.41 178.51 60.82
+ C 169.47 62.22 157.36 68.96 154.66 78.57
+ Q 151.77 88.89 153.33 102.15
+ Q 155.44 119.96 160.11 134.02
+ Q 160.27 134.49 160.08 134.96
+ C 152.41 153.90 146.51 173.18 144.31 193.64
+ C 143.03 205.52 143.17 218.98 143.63 230.47
+ Q 144.04 240.90 145.71 252.75
+ Q 146.92 261.35 149.51 269.32"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 453.85 266.22
+ Q 453.28 265.36 451.65 262.34
+ Q 445.29 250.54 433.71 243.02
+ Q 427.96 239.29 420.99 238.88"
+/>
+<path stroke="#958a34" vector-effect="non-scaling-stroke" d="
+ M 420.99 238.88
+ Q 426.95 229.95 422.81 221.17
+ Q 421.76 218.92 420.40 216.75
+ C 417.69 212.41 411.06 208.95 406.52 207.86
+ C 397.32 205.66 389.41 203.14 381.38 207.85
+ C 375.08 211.54 367.59 217.66 364.70 224.57
+ C 362.73 229.27 363.17 234.44 363.23 239.42"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 363.23 239.42
+ Q 358.83 236.98 357.22 235.26
+ Q 353.96 231.78 350.49 228.54
+ Q 338.30 217.12 321.67 212.43"
+/>
+<path stroke="#fbf09a" vector-effect="non-scaling-stroke" d="
+ M 321.67 212.43
+ C 349.34 203.41 353.26 166.63 329.98 151.02
+ Q 316.51 142.00 300.11 148.26"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 300.11 148.26
+ Q 285.89 151.44 282.72 165.37"
+/>
+<path stroke="#fbf09a" vector-effect="non-scaling-stroke" d="
+ M 282.72 165.37
+ Q 281.09 168.01 280.19 172.25
+ C 276.74 188.63 284.57 204.38 299.77 211.21"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 299.77 211.21
+ Q 299.85 211.70 299.40 211.83
+ Q 294.70 213.25 290.40 215.37
+ Q 281.93 219.54 270.32 227.95
+ Q 253.02 240.48 242.88 260.60
+ C 233.29 279.65 224.53 300.40 231.99 321.60
+ Q 235.49 331.56 244.11 337.89
+ Q 247.95 340.71 251.97 343.71
+ Q 252.04 343.76 258.42 348.90
+ Q 263.79 353.22 269.61 355.91
+ Q 278.18 359.86 293.21 365.69"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 293.21 365.69
+ Q 290.17 365.12 287.18 364.38
+ Q 274.93 361.32 262.66 358.30
+ Q 259.69 357.57 249.26 355.66
+ Q 227.47 351.69 209.56 338.56"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 209.56 338.56
+ L 204.15 334.68"
+/>
+<path stroke="#c87929" vector-effect="non-scaling-stroke" d="
+ M 204.15 334.68
+ Q 187.55 323.49 175.04 311.20
+ Q 157.51 293.98 149.51 269.32"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 409.09 367.53
+ Q 391.51 375.84 373.00 381.22
+ Q 371.66 381.61 370.24 381.68
+ Q 352.58 382.58 335.27 378.95
+ Q 313.59 374.41 293.21 365.69"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 323.47 171.56
+ L 322.54 175.72"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 318.53 181.58
+ L 315.77 184.30"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 311.74 186.79
+ L 306.78 188.19"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 300.23 188.23
+ L 296.06 187.26"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 321.67 212.43
+ Q 310.70 215.67 299.77 211.21"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 282.72 165.37
+ Q 281.83 181.37 296.06 187.26"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 296.06 187.26
+ Q 298.52 188.99 300.23 188.23"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 300.23 188.23
+ L 306.78 188.19"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 306.78 188.19
+ Q 309.44 188.57 311.74 186.79"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 311.74 186.79
+ L 315.77 184.30"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 315.77 184.30
+ Q 318.25 183.97 318.53 181.58"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 318.53 181.58
+ Q 321.22 179.12 322.54 175.72"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 322.54 175.72
+ Q 324.06 174.13 323.47 171.56"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 323.47 171.56
+ Q 324.58 164.60 322.08 159.70
+ Q 315.73 147.28 300.11 148.26"
+/>
+<path stroke="#6a0f0f" vector-effect="non-scaling-stroke" d="
+ M 209.56 338.56
+ Q 207.14 338.25 205.47 336.77"
+/>
+<path stroke="#979486" vector-effect="non-scaling-stroke" d="
+ M 420.99 238.88
+ C 414.45 244.82 410.20 248.88 402.64 252.05
+ Q 396.43 254.65 390.37 254.52
+ Q 386.42 254.43 380.65 251.96
+ Q 372.92 248.66 367.48 246.07
+ Q 363.31 244.08 363.23 239.42"
+/>
+<path stroke="#4d090f" vector-effect="non-scaling-stroke" d="
+ M 204.15 334.68
+ Q 203.91 335.49 205.47 336.77"
+/>
+<path stroke="#b7181e" vector-effect="non-scaling-stroke" d="
+ M 205.47 336.77
+ Q 202.09 337.83 198.83 338.71
+ Q 196.83 339.25 195.35 340.17
+ Q 193.64 341.23 191.84 341.87
+ C 189.84 342.59 188.21 343.77 186.40 344.85
+ Q 184.50 345.99 183.41 347.98
+ Q 181.05 352.30 178.07 355.26
+ C 175.37 357.96 174.39 361.43 172.50 364.61
+ C 171.26 366.70 170.58 369.07 169.83 371.34
+ Q 169.15 373.43 168.28 371.41
+ Q 167.93 370.59 167.88 368.75
+ Q 167.76 363.49 167.67 358.25
+ Q 167.64 356.26 166.31 354.15
+ A 1.36 1.32 -7.7 0 0 165.55 353.59
+ C 162.17 352.68 157.34 355.21 154.21 356.72
+ Q 153.71 356.96 153.64 357.50
+ Q 153.13 361.81 148.43 362.06
+ C 145.21 362.22 142.72 363.68 139.46 363.62
+ Q 128.81 363.40 118.04 366.79
+ Q 111.86 368.73 103.37 372.56
+ Q 102.47 372.97 102.98 372.11
+ C 106.35 366.41 112.34 361.03 117.28 356.66
+ Q 118.10 355.94 119.28 355.89
+ Q 119.78 355.87 120.13 355.50
+ Q 121.49 354.08 123.12 353.50
+ C 128.36 351.64 133.76 350.08 138.80 347.33
+ Q 145.82 343.49 153.31 343.43
+ Q 154.09 343.42 153.84 342.68
+ L 153.74 342.38
+ Q 153.45 341.54 152.57 341.53
+ Q 142.44 341.38 132.25 341.65
+ Q 128.67 341.75 127.82 339.29"
+/>
+<path stroke="#e79526" vector-effect="non-scaling-stroke" d="
+ M 177.94 121.40
+ L 215.33 90.36
+ A 0.32 0.32 0.0 0 0 215.38 89.91
+ L 215.06 89.52
+ A 35.18 24.56 50.3 0 0 173.69 78.14
+ L 173.60 78.22
+ A 35.18 24.56 50.3 0 0 177.17 120.97
+ L 177.49 121.36
+ A 0.32 0.32 0.0 0 0 177.94 121.40"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 394.4797 92.9771
+ A 10.44 9.43 -0.4 0 0 383.9742 83.6202
+ A 10.44 9.43 -0.4 0 0 373.6003 93.1229
+ A 10.44 9.43 -0.4 0 0 384.1058 102.4798
+ A 10.44 9.43 -0.4 0 0 394.4797 92.9771"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 288.7841 91.6128
+ A 12.33 7.55 -15.8 0 0 274.8643 87.7053
+ A 12.33 7.55 -15.8 0 0 265.0559 98.3272
+ A 12.33 7.55 -15.8 0 0 278.9757 102.2347
+ A 12.33 7.55 -15.8 0 0 288.7841 91.6128"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 358.1698 115.9835
+ A 6.66 5.62 -0.4 0 0 351.4708 110.4101
+ A 6.66 5.62 -0.4 0 0 344.8502 116.0765
+ A 6.66 5.62 -0.4 0 0 351.5492 121.6499
+ A 6.66 5.62 -0.4 0 0 358.1698 115.9835"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 215.7301 140.8400
+ A 5.70 4.64 90.1 0 0 220.3800 135.1481
+ A 5.70 4.64 90.1 0 0 215.7499 129.4400
+ A 5.70 4.64 90.1 0 0 211.1000 135.1319
+ A 5.70 4.64 90.1 0 0 215.7301 140.8400"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 418.77 156.82
+ Q 410.14 158.93 406.55 169.20"
+/>
+<path stroke="#fbf09a" vector-effect="non-scaling-stroke" d="
+ M 406.55 169.20
+ Q 399.24 184.79 406.32 199.40
+ C 411.49 210.05 422.91 217.73 434.81 214.69
+ C 457.44 208.91 462.70 177.72 447.57 161.84
+ Q 435.83 149.52 418.82 156.00
+ A 0.27 0.26 51.5 0 0 418.77 156.47
+ Q 419.17 156.74 418.77 156.82"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 406.55 169.20
+ Q 406.48 171.82 406.48 174.40
+ Q 406.47 177.40 407.09 179.59
+ C 409.22 187.10 416.67 193.04 424.75 191.08
+ C 431.39 189.48 436.10 183.35 436.75 176.48
+ Q 437.16 172.10 436.12 168.29
+ C 434.03 160.61 427.21 155.49 418.77 156.82"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 182.7106 212.7868
+ A 13.32 9.45 71.3 0 0 187.3911 197.1402
+ A 13.32 9.45 71.3 0 0 174.1694 187.5532
+ A 13.32 9.45 71.3 0 0 169.4889 203.1998
+ A 13.32 9.45 71.3 0 0 182.7106 212.7868"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 220.5194 217.2899
+ A 5.65 3.79 89.6 0 0 224.2699 211.6135
+ A 5.65 3.79 89.6 0 0 220.4406 205.9901
+ A 5.65 3.79 89.6 0 0 216.6901 211.6665
+ A 5.65 3.79 89.6 0 0 220.5194 217.2899"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 195.59 278.56
+ A 7.59 7.59 0.0 0 0 188.00 270.97
+ A 7.59 7.59 0.0 0 0 180.41 278.56
+ A 7.59 7.59 0.0 0 0 188.00 286.15
+ A 7.59 7.59 0.0 0 0 195.59 278.56"
+/>
+</g>
+<path fill="#000000" d="
+ M 138.30 253.80
+ Q 137.18 247.42 136.78 240.83
+ Q 135.47 219.19 136.36 199.84
+ Q 137.08 184.04 141.66 166.50
+ Q 145.81 150.62 152.26 134.51
+ Q 152.54 133.83 152.05 132.82
+ Q 151.58 131.84 151.45 131.33
+ C 148.97 121.18 146.67 112.00 145.74 101.33
+ C 144.71 89.60 144.96 75.85 152.96 66.81
+ Q 158.77 60.25 166.14 56.99
+ Q 175.86 52.69 187.17 52.83
+ Q 200.59 53.00 214.23 58.53
+ C 218.11 60.10 221.61 62.55 225.24 64.66
+ Q 231.72 68.40 238.89 66.35
+ Q 242.39 65.35 245.38 63.85
+ Q 251.53 60.78 257.41 58.39
+ Q 263.47 55.92 269.70 54.23
+ C 288.01 49.27 305.84 46.88 324.63 49.12
+ C 332.75 50.09 341.01 50.40 348.98 51.91
+ Q 364.02 54.76 377.89 60.31
+ A 0.99 0.96 -52.0 0 0 378.85 60.18
+ Q 390.58 51.28 405.60 51.44
+ Q 407.77 51.46 410.05 52.52
+ Q 417.47 55.94 420.73 63.82
+ Q 423.74 71.10 424.64 78.83
+ Q 424.68 79.24 424.98 79.51
+ Q 435.62 89.35 445.73 99.56
+ Q 451.44 105.33 454.82 111.13
+ Q 461.90 123.30 469.07 139.02
+ Q 470.47 142.10 470.98 145.76
+ Q 472.49 156.68 474.00 167.06
+ Q 474.54 170.82 475.05 175.25
+ Q 477.32 195.16 473.34 214.55
+ Q 471.70 222.55 470.01 230.24
+ Q 467.20 243.08 464.40 254.49
+ Q 463.11 259.74 461.74 265.19
+ Q 461.62 265.69 461.82 266.17
+ Q 468.97 283.33 467.68 301.54
+ Q 466.99 311.42 463.75 323.25
+ Q 461.37 331.96 457.29 338.00
+ Q 450.66 347.81 440.64 356.02
+ Q 430.31 364.50 417.90 371.33
+ Q 417.76 371.41 417.79 371.57
+ C 419.53 379.66 417.45 389.02 414.60 396.60
+ Q 412.10 403.27 409.27 409.44
+ Q 409.03 409.95 409.45 410.32
+ C 419.85 419.74 414.10 431.36 406.12 439.70
+ Q 399.19 446.93 391.48 452.57
+ Q 384.59 457.62 374.25 460.33
+ Q 363.93 463.04 350.51 463.32
+ Q 335.28 463.63 318.92 463.81
+ C 312.04 463.89 306.00 462.82 299.45 461.68
+ Q 295.09 460.92 291.23 459.85
+ Q 281.60 457.18 270.42 454.33
+ Q 260.80 451.88 254.79 448.73
+ C 244.99 443.58 236.33 435.74 228.43 427.81
+ Q 222.48 421.86 217.49 417.44
+ Q 217.05 417.06 216.49 416.95
+ Q 201.78 414.11 191.38 410.91
+ Q 184.05 408.65 178.52 404.57
+ Q 177.46 403.79 173.66 402.09
+ C 169.22 400.11 166.09 393.49 165.23 388.92
+ A 0.73 0.73 0.0 0 0 164.19 388.39
+ Q 150.66 394.98 140.33 405.41
+ Q 135.83 409.95 131.32 414.25
+ Q 120.95 424.11 107.69 428.05
+ Q 101.62 429.85 94.64 429.50
+ Q 85.96 429.06 77.61 426.95
+ C 67.12 424.30 56.94 418.03 47.18 412.70
+ Q 42.56 410.17 37.72 407.93
+ C 34.93 406.63 32.31 407.87 29.88 406.81
+ Q 25.61 404.95 24.84 400.93
+ Q 23.89 395.97 28.68 393.09
+ Q 30.99 391.69 35.48 391.61
+ C 37.45 391.58 39.20 390.82 41.09 390.37
+ C 41.93 390.18 42.47 389.69 42.69 388.85
+ Q 42.84 388.26 43.28 387.85
+ Q 48.29 383.16 50.60 378.62
+ Q 55.26 369.44 59.67 361.21
+ C 63.51 354.05 70.26 346.86 78.11 343.80
+ Q 80.82 342.74 83.39 340.97
+ C 90.24 336.28 98.85 334.35 106.99 333.64
+ A 0.36 0.36 0.0 0 0 107.22 333.04
+ Q 99.95 325.01 97.41 313.96
+ Q 96.42 309.65 96.78 305.73
+ Q 97.09 302.23 96.78 298.31
+ Q 94.66 271.46 104.37 245.11
+ Q 105.15 243.01 105.70 240.72
+ Q 106.34 238.11 106.99 235.51
+ C 108.75 228.49 114.00 223.69 121.42 228.04
+ Q 122.32 228.57 123.95 230.91
+ Q 124.94 232.32 125.80 234.23
+ Q 127.63 238.28 129.40 242.37
+ Q 131.27 246.70 132.72 248.76
+ Q 134.75 251.63 137.56 254.20
+ Q 138.52 255.08 138.30 253.80
+ Z
+ M 149.51 269.32
+ Q 139.32 264.51 136.09 262.15
+ Q 129.61 257.42 126.48 252.48
+ Q 123.31 247.47 120.43 239.70
+ C 119.70 237.72 118.41 235.85 117.22 234.11
+ Q 116.35 232.84 115.33 233.99
+ C 114.18 235.29 113.75 238.55 113.44 240.31
+ Q 113.02 242.69 112.00 245.35
+ Q 105.47 262.42 104.27 277.90
+ Q 103.56 287.20 104.15 298.74
+ Q 104.35 302.69 104.12 306.71
+ Q 103.85 311.41 105.54 316.21
+ Q 110.67 330.82 125.70 337.36
+ C 126.94 337.90 128.19 337.69 129.46 338.19
+ Q 130.31 338.53 129.43 338.80
+ L 127.82 339.29
+ C 125.94 339.60 123.99 340.02 122.05 340.09
+ Q 110.56 340.55 102.35 341.72
+ Q 93.92 342.92 87.32 347.31
+ Q 84.50 349.18 81.54 350.38
+ C 70.16 354.97 65.17 366.16 59.95 376.79
+ C 57.87 381.00 55.19 386.17 52.16 389.35
+ C 50.12 391.49 48.55 394.28 46.38 395.74
+ Q 42.01 398.69 35.62 399.26
+ Q 34.58 399.36 35.60 399.60
+ Q 40.86 400.85 45.57 403.41
+ Q 55.77 408.93 66.13 414.42
+ Q 75.57 419.42 82.18 420.37
+ Q 85.80 420.89 89.33 421.49
+ C 96.97 422.80 105.07 421.86 112.00 418.57
+ C 121.07 414.27 127.22 408.14 134.26 400.93
+ C 142.34 392.65 152.83 384.90 163.81 380.69
+ C 165.89 379.90 166.92 378.52 168.56 377.20
+ A 1.15 1.15 0.0 0 1 170.28 377.53
+ Q 170.90 378.63 171.15 379.84
+ Q 172.06 384.19 172.82 388.43
+ Q 173.80 393.94 178.07 395.93
+ Q 179.99 396.83 181.73 397.99
+ Q 189.96 403.50 200.45 405.79
+ Q 210.06 407.89 219.41 410.23
+ Q 221.37 410.72 222.81 412.09
+ Q 230.27 419.24 237.63 426.41
+ C 244.45 433.05 252.04 439.34 260.55 443.27
+ Q 265.21 445.43 273.07 447.34
+ Q 279.45 448.88 286.19 450.80
+ C 298.17 454.20 310.38 456.92 322.93 456.44
+ C 334.20 456.01 346.33 456.42 358.01 455.52
+ C 367.28 454.81 378.24 452.56 385.95 447.35
+ C 392.03 443.25 415.41 425.08 404.87 416.12
+ Q 402.60 414.19 400.00 413.33
+ A 0.53 0.53 0.0 0 1 399.69 412.61
+ Q 403.61 404.09 406.87 396.04
+ C 410.61 386.82 412.71 377.15 409.09 367.53
+ Q 425.94 359.23 440.10 346.59
+ C 447.01 340.41 453.68 332.01 456.11 323.00
+ Q 457.74 316.96 458.97 311.14
+ Q 461.27 300.26 460.24 288.75
+ Q 459.34 278.64 453.85 266.22
+ C 460.08 241.61 463.83 224.95 466.82 208.17
+ C 468.82 196.94 468.96 187.12 467.59 176.14
+ Q 465.88 162.37 463.51 145.68
+ Q 463.38 144.78 463.03 143.99
+ Q 455.52 126.69 447.53 113.48
+ C 446.06 111.05 444.23 108.81 442.26 106.77
+ Q 430.64 94.71 418.00 83.23
+ A 2.04 2.01 -71.6 0 1 417.35 81.91
+ Q 416.80 75.46 415.19 69.96
+ C 414.01 65.91 410.58 59.57 405.95 59.22
+ C 396.25 58.47 386.85 61.98 380.57 68.95
+ Q 380.19 69.37 379.67 69.14
+ Q 360.43 60.61 339.50 58.08
+ Q 331.39 57.09 322.06 56.23
+ Q 313.81 55.47 307.85 55.59
+ Q 299.69 55.76 292.91 56.88
+ Q 286.72 57.90 279.42 59.49
+ C 268.65 61.83 259.09 65.26 249.20 70.34
+ C 243.40 73.32 237.69 74.80 231.24 74.34
+ C 225.51 73.93 220.20 70.42 215.42 67.49
+ Q 211.78 65.25 207.09 63.77
+ Q 201.77 62.09 197.53 61.29
+ Q 187.61 59.41 178.51 60.82
+ C 169.47 62.22 157.36 68.96 154.66 78.57
+ Q 151.77 88.89 153.33 102.15
+ Q 155.44 119.96 160.11 134.02
+ Q 160.27 134.49 160.08 134.96
+ C 152.41 153.90 146.51 173.18 144.31 193.64
+ C 143.03 205.52 143.17 218.98 143.63 230.47
+ Q 144.04 240.90 145.71 252.75
+ Q 146.92 261.35 149.51 269.32
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 453.85 266.22
+ Q 453.28 265.36 451.65 262.34
+ Q 445.29 250.54 433.71 243.02
+ Q 427.96 239.29 420.99 238.88
+ Q 426.95 229.95 422.81 221.17
+ Q 421.76 218.92 420.40 216.75
+ C 417.69 212.41 411.06 208.95 406.52 207.86
+ C 397.32 205.66 389.41 203.14 381.38 207.85
+ C 375.08 211.54 367.59 217.66 364.70 224.57
+ C 362.73 229.27 363.17 234.44 363.23 239.42
+ Q 358.83 236.98 357.22 235.26
+ Q 353.96 231.78 350.49 228.54
+ Q 338.30 217.12 321.67 212.43
+ C 349.34 203.41 353.26 166.63 329.98 151.02
+ Q 316.51 142.00 300.11 148.26
+ Q 285.89 151.44 282.72 165.37
+ Q 281.09 168.01 280.19 172.25
+ C 276.74 188.63 284.57 204.38 299.77 211.21
+ Q 299.85 211.70 299.40 211.83
+ Q 294.70 213.25 290.40 215.37
+ Q 281.93 219.54 270.32 227.95
+ Q 253.02 240.48 242.88 260.60
+ C 233.29 279.65 224.53 300.40 231.99 321.60
+ Q 235.49 331.56 244.11 337.89
+ Q 247.95 340.71 251.97 343.71
+ Q 252.04 343.76 258.42 348.90
+ Q 263.79 353.22 269.61 355.91
+ Q 278.18 359.86 293.21 365.69
+ Q 290.17 365.12 287.18 364.38
+ Q 274.93 361.32 262.66 358.30
+ Q 259.69 357.57 249.26 355.66
+ Q 227.47 351.69 209.56 338.56
+ L 204.15 334.68
+ Q 187.55 323.49 175.04 311.20
+ Q 157.51 293.98 149.51 269.32
+ Q 146.92 261.35 145.71 252.75
+ Q 144.04 240.90 143.63 230.47
+ C 143.17 218.98 143.03 205.52 144.31 193.64
+ C 146.51 173.18 152.41 153.90 160.08 134.96
+ Q 160.27 134.49 160.11 134.02
+ Q 155.44 119.96 153.33 102.15
+ Q 151.77 88.89 154.66 78.57
+ C 157.36 68.96 169.47 62.22 178.51 60.82
+ Q 187.61 59.41 197.53 61.29
+ Q 201.77 62.09 207.09 63.77
+ Q 211.78 65.25 215.42 67.49
+ C 220.20 70.42 225.51 73.93 231.24 74.34
+ C 237.69 74.80 243.40 73.32 249.20 70.34
+ C 259.09 65.26 268.65 61.83 279.42 59.49
+ Q 286.72 57.90 292.91 56.88
+ Q 299.69 55.76 307.85 55.59
+ Q 313.81 55.47 322.06 56.23
+ Q 331.39 57.09 339.50 58.08
+ Q 360.43 60.61 379.67 69.14
+ Q 380.19 69.37 380.57 68.95
+ C 386.85 61.98 396.25 58.47 405.95 59.22
+ C 410.58 59.57 414.01 65.91 415.19 69.96
+ Q 416.80 75.46 417.35 81.91
+ A 2.04 2.01 -71.6 0 0 418.00 83.23
+ Q 430.64 94.71 442.26 106.77
+ C 444.23 108.81 446.06 111.05 447.53 113.48
+ Q 455.52 126.69 463.03 143.99
+ Q 463.38 144.78 463.51 145.68
+ Q 465.88 162.37 467.59 176.14
+ C 468.96 187.12 468.82 196.94 466.82 208.17
+ C 463.83 224.95 460.08 241.61 453.85 266.22
+ Z
+ M 177.94 121.40
+ L 215.33 90.36
+ A 0.32 0.32 0.0 0 0 215.38 89.91
+ L 215.06 89.52
+ A 35.18 24.56 50.3 0 0 173.69 78.14
+ L 173.60 78.22
+ A 35.18 24.56 50.3 0 0 177.17 120.97
+ L 177.49 121.36
+ A 0.32 0.32 0.0 0 0 177.94 121.40
+ Z
+ M 394.4797 92.9771
+ A 10.44 9.43 -0.4 0 0 383.9742 83.6202
+ A 10.44 9.43 -0.4 0 0 373.6003 93.1229
+ A 10.44 9.43 -0.4 0 0 384.1058 102.4798
+ A 10.44 9.43 -0.4 0 0 394.4797 92.9771
+ Z
+ M 288.7841 91.6128
+ A 12.33 7.55 -15.8 0 0 274.8643 87.7053
+ A 12.33 7.55 -15.8 0 0 265.0559 98.3272
+ A 12.33 7.55 -15.8 0 0 278.9757 102.2347
+ A 12.33 7.55 -15.8 0 0 288.7841 91.6128
+ Z
+ M 358.1698 115.9835
+ A 6.66 5.62 -0.4 0 0 351.4708 110.4101
+ A 6.66 5.62 -0.4 0 0 344.8502 116.0765
+ A 6.66 5.62 -0.4 0 0 351.5492 121.6499
+ A 6.66 5.62 -0.4 0 0 358.1698 115.9835
+ Z
+ M 215.7301 140.8400
+ A 5.70 4.64 90.1 0 0 220.3800 135.1481
+ A 5.70 4.64 90.1 0 0 215.7499 129.4400
+ A 5.70 4.64 90.1 0 0 211.1000 135.1319
+ A 5.70 4.64 90.1 0 0 215.7301 140.8400
+ Z
+ M 418.77 156.82
+ Q 410.14 158.93 406.55 169.20
+ Q 399.24 184.79 406.32 199.40
+ C 411.49 210.05 422.91 217.73 434.81 214.69
+ C 457.44 208.91 462.70 177.72 447.57 161.84
+ Q 435.83 149.52 418.82 156.00
+ A 0.27 0.26 51.5 0 0 418.77 156.47
+ Q 419.17 156.74 418.77 156.82
+ Z
+ M 182.7106 212.7868
+ A 13.32 9.45 71.3 0 0 187.3911 197.1402
+ A 13.32 9.45 71.3 0 0 174.1694 187.5532
+ A 13.32 9.45 71.3 0 0 169.4889 203.1998
+ A 13.32 9.45 71.3 0 0 182.7106 212.7868
+ Z
+ M 220.5194 217.2899
+ A 5.65 3.79 89.6 0 0 224.2699 211.6135
+ A 5.65 3.79 89.6 0 0 220.4406 205.9901
+ A 5.65 3.79 89.6 0 0 216.6901 211.6665
+ A 5.65 3.79 89.6 0 0 220.5194 217.2899
+ Z
+ M 195.59 278.56
+ A 7.59 7.59 0.0 0 0 188.00 270.97
+ A 7.59 7.59 0.0 0 0 180.41 278.56
+ A 7.59 7.59 0.0 0 0 188.00 286.15
+ A 7.59 7.59 0.0 0 0 195.59 278.56
+ Z"
+/>
+<path fill="#d74917" d="
+ M 177.94 121.40
+ A 0.32 0.32 0.0 0 1 177.49 121.36
+ L 177.17 120.97
+ A 35.18 24.56 50.3 0 1 173.60 78.22
+ L 173.69 78.14
+ A 35.18 24.56 50.3 0 1 215.06 89.52
+ L 215.38 89.91
+ A 0.32 0.32 0.0 0 1 215.33 90.36
+ L 177.94 121.40
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(384.04,93.05) rotate(-0.4)" rx="10.44" ry="9.43"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(276.92,94.97) rotate(-15.8)" rx="12.33" ry="7.55"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(351.51,116.03) rotate(-0.4)" rx="6.66" ry="5.62"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(215.74,135.14) rotate(90.1)" rx="5.70" ry="4.64"/>
+<path fill="#ffffff" d="
+ M 321.67 212.43
+ Q 310.70 215.67 299.77 211.21
+ C 284.57 204.38 276.74 188.63 280.19 172.25
+ Q 281.09 168.01 282.72 165.37
+ Q 281.83 181.37 296.06 187.26
+ Q 298.52 188.99 300.23 188.23
+ L 306.78 188.19
+ Q 309.44 188.57 311.74 186.79
+ L 315.77 184.30
+ Q 318.25 183.97 318.53 181.58
+ Q 321.22 179.12 322.54 175.72
+ Q 324.06 174.13 323.47 171.56
+ Q 324.58 164.60 322.08 159.70
+ Q 315.73 147.28 300.11 148.26
+ Q 316.51 142.00 329.98 151.02
+ C 353.26 166.63 349.34 203.41 321.67 212.43
+ Z"
+/>
+<path fill="#000000" d="
+ M 300.11 148.26
+ Q 315.73 147.28 322.08 159.70
+ Q 324.58 164.60 323.47 171.56
+ L 322.54 175.72
+ Q 321.22 179.12 318.53 181.58
+ L 315.77 184.30
+ L 311.74 186.79
+ L 306.78 188.19
+ L 300.23 188.23
+ L 296.06 187.26
+ Q 281.83 181.37 282.72 165.37
+ Q 285.89 151.44 300.11 148.26
+ Z"
+/>
+<path fill="#ffffff" d="
+ M 406.55 169.20
+ Q 406.48 171.82 406.48 174.40
+ Q 406.47 177.40 407.09 179.59
+ C 409.22 187.10 416.67 193.04 424.75 191.08
+ C 431.39 189.48 436.10 183.35 436.75 176.48
+ Q 437.16 172.10 436.12 168.29
+ C 434.03 160.61 427.21 155.49 418.77 156.82
+ Q 419.17 156.74 418.77 156.47
+ A 0.27 0.26 51.5 0 1 418.82 156.00
+ Q 435.83 149.52 447.57 161.84
+ C 462.70 177.72 457.44 208.91 434.81 214.69
+ C 422.91 217.73 411.49 210.05 406.32 199.40
+ Q 399.24 184.79 406.55 169.20
+ Z"
+/>
+<path fill="#000000" d="
+ M 418.77 156.82
+ C 427.21 155.49 434.03 160.61 436.12 168.29
+ Q 437.16 172.10 436.75 176.48
+ C 436.10 183.35 431.39 189.48 424.75 191.08
+ C 416.67 193.04 409.22 187.10 407.09 179.59
+ Q 406.47 177.40 406.48 174.40
+ Q 406.48 171.82 406.55 169.20
+ Q 410.14 158.93 418.77 156.82
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 323.47 171.56
+ Q 324.06 174.13 322.54 175.72
+ L 323.47 171.56
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 318.53 181.58
+ Q 318.25 183.97 315.77 184.30
+ L 318.53 181.58
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 311.74 186.79
+ Q 309.44 188.57 306.78 188.19
+ L 311.74 186.79
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(178.44,200.17) rotate(71.3)" rx="13.32" ry="9.45"/>
+<path fill="#f9f4d8" d="
+ M 296.06 187.26
+ L 300.23 188.23
+ Q 298.52 188.99 296.06 187.26
+ Z"
+/>
+<path fill="#343434" d="
+ M 420.99 238.88
+ C 414.45 244.82 410.20 248.88 402.64 252.05
+ Q 396.43 254.65 390.37 254.52
+ Q 386.42 254.43 380.65 251.96
+ Q 372.92 248.66 367.48 246.07
+ Q 363.31 244.08 363.23 239.42
+ C 363.17 234.44 362.73 229.27 364.70 224.57
+ C 367.59 217.66 375.08 211.54 381.38 207.85
+ C 389.41 203.14 397.32 205.66 406.52 207.86
+ C 411.06 208.95 417.69 212.41 420.40 216.75
+ Q 421.76 218.92 422.81 221.17
+ Q 426.95 229.95 420.99 238.88
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(220.48,211.64) rotate(89.6)" rx="5.65" ry="3.79"/>
+<path fill="#f9f4d8" d="
+ M 299.77 211.21
+ Q 310.70 215.67 321.67 212.43
+ Q 338.30 217.12 350.49 228.54
+ Q 353.96 231.78 357.22 235.26
+ Q 358.83 236.98 363.23 239.42
+ Q 363.31 244.08 367.48 246.07
+ Q 372.92 248.66 380.65 251.96
+ Q 386.42 254.43 390.37 254.52
+ Q 396.43 254.65 402.64 252.05
+ C 410.20 248.88 414.45 244.82 420.99 238.88
+ Q 427.96 239.29 433.71 243.02
+ Q 445.29 250.54 451.65 262.34
+ Q 453.28 265.36 453.85 266.22
+ Q 459.34 278.64 460.24 288.75
+ Q 461.27 300.26 458.97 311.14
+ Q 457.74 316.96 456.11 323.00
+ C 453.68 332.01 447.01 340.41 440.10 346.59
+ Q 425.94 359.23 409.09 367.53
+ Q 391.51 375.84 373.00 381.22
+ Q 371.66 381.61 370.24 381.68
+ Q 352.58 382.58 335.27 378.95
+ Q 313.59 374.41 293.21 365.69
+ Q 278.18 359.86 269.61 355.91
+ Q 263.79 353.22 258.42 348.90
+ Q 252.04 343.76 251.97 343.71
+ Q 247.95 340.71 244.11 337.89
+ Q 235.49 331.56 231.99 321.60
+ C 224.53 300.40 233.29 279.65 242.88 260.60
+ Q 253.02 240.48 270.32 227.95
+ Q 281.93 219.54 290.40 215.37
+ Q 294.70 213.25 299.40 211.83
+ Q 299.85 211.70 299.77 211.21
+ Z"
+/>
+<path fill="#9a111d" d="
+ M 149.51 269.32
+ Q 157.51 293.98 175.04 311.20
+ Q 187.55 323.49 204.15 334.68
+ Q 203.91 335.49 205.47 336.77
+ Q 202.09 337.83 198.83 338.71
+ Q 196.83 339.25 195.35 340.17
+ Q 193.64 341.23 191.84 341.87
+ C 189.84 342.59 188.21 343.77 186.40 344.85
+ Q 184.50 345.99 183.41 347.98
+ Q 181.05 352.30 178.07 355.26
+ C 175.37 357.96 174.39 361.43 172.50 364.61
+ C 171.26 366.70 170.58 369.07 169.83 371.34
+ Q 169.15 373.43 168.28 371.41
+ Q 167.93 370.59 167.88 368.75
+ Q 167.76 363.49 167.67 358.25
+ Q 167.64 356.26 166.31 354.15
+ A 1.36 1.32 -7.7 0 0 165.55 353.59
+ C 162.17 352.68 157.34 355.21 154.21 356.72
+ Q 153.71 356.96 153.64 357.50
+ Q 153.13 361.81 148.43 362.06
+ C 145.21 362.22 142.72 363.68 139.46 363.62
+ Q 128.81 363.40 118.04 366.79
+ Q 111.86 368.73 103.37 372.56
+ Q 102.47 372.97 102.98 372.11
+ C 106.35 366.41 112.34 361.03 117.28 356.66
+ Q 118.10 355.94 119.28 355.89
+ Q 119.78 355.87 120.13 355.50
+ Q 121.49 354.08 123.12 353.50
+ C 128.36 351.64 133.76 350.08 138.80 347.33
+ Q 145.82 343.49 153.31 343.43
+ Q 154.09 343.42 153.84 342.68
+ L 153.74 342.38
+ Q 153.45 341.54 152.57 341.53
+ Q 142.44 341.38 132.25 341.65
+ Q 128.67 341.75 127.82 339.29
+ L 129.43 338.80
+ Q 130.31 338.53 129.46 338.19
+ C 128.19 337.69 126.94 337.90 125.70 337.36
+ Q 110.67 330.82 105.54 316.21
+ Q 103.85 311.41 104.12 306.71
+ Q 104.35 302.69 104.15 298.74
+ Q 103.56 287.20 104.27 277.90
+ Q 105.47 262.42 112.00 245.35
+ Q 113.02 242.69 113.44 240.31
+ C 113.75 238.55 114.18 235.29 115.33 233.99
+ Q 116.35 232.84 117.22 234.11
+ C 118.41 235.85 119.70 237.72 120.43 239.70
+ Q 123.31 247.47 126.48 252.48
+ Q 129.61 257.42 136.09 262.15
+ Q 139.32 264.51 149.51 269.32
+ Z"
+/>
+<circle fill="#000000" cx="188.00" cy="278.56" r="7.59"/>
+<path fill="#000000" d="
+ M 204.15 334.68
+ L 209.56 338.56
+ Q 207.14 338.25 205.47 336.77
+ Q 203.91 335.49 204.15 334.68
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 205.47 336.77
+ Q 207.14 338.25 209.56 338.56
+ Q 227.47 351.69 249.26 355.66
+ Q 259.69 357.57 262.66 358.30
+ Q 274.93 361.32 287.18 364.38
+ Q 290.17 365.12 293.21 365.69
+ Q 313.59 374.41 335.27 378.95
+ Q 352.58 382.58 370.24 381.68
+ Q 371.66 381.61 373.00 381.22
+ Q 391.51 375.84 409.09 367.53
+ C 412.71 377.15 410.61 386.82 406.87 396.04
+ Q 403.61 404.09 399.69 412.61
+ A 0.53 0.53 0.0 0 0 400.00 413.33
+ Q 402.60 414.19 404.87 416.12
+ C 415.41 425.08 392.03 443.25 385.95 447.35
+ C 378.24 452.56 367.28 454.81 358.01 455.52
+ C 346.33 456.42 334.20 456.01 322.93 456.44
+ C 310.38 456.92 298.17 454.20 286.19 450.80
+ Q 279.45 448.88 273.07 447.34
+ Q 265.21 445.43 260.55 443.27
+ C 252.04 439.34 244.45 433.05 237.63 426.41
+ Q 230.27 419.24 222.81 412.09
+ Q 221.37 410.72 219.41 410.23
+ Q 210.06 407.89 200.45 405.79
+ Q 189.96 403.50 181.73 397.99
+ Q 179.99 396.83 178.07 395.93
+ Q 173.80 393.94 172.82 388.43
+ Q 172.06 384.19 171.15 379.84
+ Q 170.90 378.63 170.28 377.53
+ A 1.15 1.15 0.0 0 0 168.56 377.20
+ C 166.92 378.52 165.89 379.90 163.81 380.69
+ C 152.83 384.90 142.34 392.65 134.26 400.93
+ C 127.22 408.14 121.07 414.27 112.00 418.57
+ C 105.07 421.86 96.97 422.80 89.33 421.49
+ Q 85.80 420.89 82.18 420.37
+ Q 75.57 419.42 66.13 414.42
+ Q 55.77 408.93 45.57 403.41
+ Q 40.86 400.85 35.60 399.60
+ Q 34.58 399.36 35.62 399.26
+ Q 42.01 398.69 46.38 395.74
+ C 48.55 394.28 50.12 391.49 52.16 389.35
+ C 55.19 386.17 57.87 381.00 59.95 376.79
+ C 65.17 366.16 70.16 354.97 81.54 350.38
+ Q 84.50 349.18 87.32 347.31
+ Q 93.92 342.92 102.35 341.72
+ Q 110.56 340.55 122.05 340.09
+ C 123.99 340.02 125.94 339.60 127.82 339.29
+ Q 128.67 341.75 132.25 341.65
+ Q 142.44 341.38 152.57 341.53
+ Q 153.45 341.54 153.74 342.38
+ L 153.84 342.68
+ Q 154.09 343.42 153.31 343.43
+ Q 145.82 343.49 138.80 347.33
+ C 133.76 350.08 128.36 351.64 123.12 353.50
+ Q 121.49 354.08 120.13 355.50
+ Q 119.78 355.87 119.28 355.89
+ Q 118.10 355.94 117.28 356.66
+ C 112.34 361.03 106.35 366.41 102.98 372.11
+ Q 102.47 372.97 103.37 372.56
+ Q 111.86 368.73 118.04 366.79
+ Q 128.81 363.40 139.46 363.62
+ C 142.72 363.68 145.21 362.22 148.43 362.06
+ Q 153.13 361.81 153.64 357.50
+ Q 153.71 356.96 154.21 356.72
+ C 157.34 355.21 162.17 352.68 165.55 353.59
+ A 1.36 1.32 -7.7 0 1 166.31 354.15
+ Q 167.64 356.26 167.67 358.25
+ Q 167.76 363.49 167.88 368.75
+ Q 167.93 370.59 168.28 371.41
+ Q 169.15 373.43 169.83 371.34
+ C 170.58 369.07 171.26 366.70 172.50 364.61
+ C 174.39 361.43 175.37 357.96 178.07 355.26
+ Q 181.05 352.30 183.41 347.98
+ Q 184.50 345.99 186.40 344.85
+ C 188.21 343.77 189.84 342.59 191.84 341.87
+ Q 193.64 341.23 195.35 340.17
+ Q 196.83 339.25 198.83 338.71
+ Q 202.09 337.83 205.47 336.77
+ Z"
+/>
+</svg>
diff --git a/documents/index.html b/documents/index.html
new file mode 100644
index 000000000..b008f45e8
--- /dev/null
+++ b/documents/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/12.3d860b21.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/" aria-current="page" class="active sidebar-link">Home</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/#documents-demos" class="sidebar-link">DOCUMENTS & DEMOs</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/#tsdoc" class="sidebar-link">TSDOC</a></li></ul></li><li><a href="/cheetah-grid/documents/api/" class="sidebar-link">API</a></li><li><a href="/cheetah-grid/documents/faq/" class="sidebar-link">FAQ</a></li><li><a href="/cheetah-grid/documents/introduction/" class="sidebar-link">Introduction</a></li></ul> </aside> <main aria-labelledby="main-title" class="home"><header class="hero"><img src="/cheetah-grid/documents/logo.svg" alt="hero"> <h1 id="main-title">
+ Cheetah Grid
+ </h1> <p class="description">
+ Cheetah Grid is the fastest open-source data table for web.
+ </p> <p class="action"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external action-button">
+ DEMO
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></header> <!----> <div class="theme-default-content custom content__default"><h1 id="documents"><a href="#documents" class="header-anchor">#</a> Documents</h1> <h2 id="documents-demos"><a href="#documents-demos" class="header-anchor">#</a> DOCUMENTS & DEMOs</h2> <ul><li><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer">DEMO<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="/cheetah-grid/documents/introduction/">Introduction</a></li> <li><a href="/cheetah-grid/documents/api/">API</a></li> <li><a href="/cheetah-grid/documents/faq/">FAQ</a></li></ul> <h2 id="tsdoc"><a href="#tsdoc" class="header-anchor">#</a> TSDOC</h2> <ul><li><a href="https://future-architect.github.io/cheetah-grid/documents/tsdoc/index.html" target="_blank" rel="noopener noreferrer">TSDOC<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div> <div class="footer">
+ © 2017 - 2019 Future Corporation. Author Yosuke Ota. Code licensed under the MIT License.
+ </div></main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/12.3d860b21.js" defer></script>
+ </body>
+</html>
diff --git a/documents/introduction/getting-started-with-react.html b/documents/introduction/getting-started-with-react.html
new file mode 100644
index 000000000..37e189c44
--- /dev/null
+++ b/documents/introduction/getting-started-with-react.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Getting Started with React | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/78.b892c180.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/3.502706f9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/introduction/" aria-current="page" class="sidebar-link">Introduction</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started.html" class="sidebar-link">Getting Started</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html" class="sidebar-link">Getting Started with Vue.js</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html" aria-current="page" class="active sidebar-link">Getting Started with React</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html#installation" class="sidebar-link">Installation</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html#usage" class="sidebar-link">Usage</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="getting-started-with-react"><a href="#getting-started-with-react" class="header-anchor">#</a> Getting Started with React</h1> <h2 id="installation"><a href="#installation" class="header-anchor">#</a> Installation</h2> <h3 id="via-npm"><a href="#via-npm" class="header-anchor">#</a> Via npm</h3> <p><a href="https://www.npmjs.com/package/react-cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/react-cheetah-grid.svg" alt="npm"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">npm</span> <span class="token function">install</span> -S react-cheetah-grid
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h2 id="usage"><a href="#usage" class="header-anchor">#</a> Usage</h2> <p>Please refer to the <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer">document<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> for details</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/introduction/getting-started-with-react.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html" class="prev">
+ Getting Started with Vue.js
+ </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/78.b892c180.js" defer></script>
+ </body>
+</html>
diff --git a/documents/introduction/getting-started-with-vue.html b/documents/introduction/getting-started-with-vue.html
new file mode 100644
index 000000000..a2b7d9a47
--- /dev/null
+++ b/documents/introduction/getting-started-with-vue.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Getting Started with Vue.js | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/79.6273fdff.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/introduction/" aria-current="page" class="sidebar-link">Introduction</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started.html" class="sidebar-link">Getting Started</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html" aria-current="page" class="active sidebar-link">Getting Started with Vue.js</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html#installation" class="sidebar-link">Installation</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html#vue-instance-template" class="sidebar-link">Vue Instance & Template</a></li></ul></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html" class="sidebar-link">Getting Started with React</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="getting-started-with-vue-js"><a href="#getting-started-with-vue-js" class="header-anchor">#</a> Getting Started with Vue.js</h1> <h2 id="installation"><a href="#installation" class="header-anchor">#</a> Installation</h2> <h3 id="via-npm"><a href="#via-npm" class="header-anchor">#</a> Via npm</h3> <p><a href="https://www.npmjs.com/package/vue-cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/vue-cheetah-grid.svg" alt="npm"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">npm</span> <span class="token function">install</span> -S vue-cheetah-grid
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">import</span> vueCheetahGrid <span class="token keyword">from</span> <span class="token string">"vue-cheetah-grid"</span><span class="token punctuation">;</span>
+
+Vue<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>vueCheetahGrid<span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><h3 id="via-cdn"><a href="#via-cdn" class="header-anchor">#</a> Via CDN</h3> <p><a href="https://www.npmjs.com/package/vue-cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/vue-cheetah-grid.svg" alt="npm"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/cheetah-grid@1.13<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/vue-cheetah-grid@1.13<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><div class="language-js line-numbers-mode"><pre class="language-js"><code>Vue<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>vueCheetahGrid<span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p>This usage only supports Vue.js v2.</p></div> <h2 id="vue-instance-template"><a href="#vue-instance-template" class="header-anchor">#</a> Vue Instance & Template</h2> <p>Please refer to the <a href="/cheetah-grid/documents/api/vue/">more documents</a> for details</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 500px<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>border</span><span class="token punctuation" data-v-63d28fc8>:</span> solid 1px #ddd<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- define checkbox --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- multiple header --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- button --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid-sample<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>data</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>onClickRecord</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/introduction/getting-started-with-vue.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/introduction/getting-started.html" class="prev">
+ Getting Started
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html">
+ Getting Started with React
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/79.6273fdff.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/introduction/getting-started.html b/documents/introduction/getting-started.html
new file mode 100644
index 000000000..424ece0c5
--- /dev/null
+++ b/documents/introduction/getting-started.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Getting Started | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/77.d8b02770.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" class="nav-link router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/introduction/" aria-current="page" class="sidebar-link">Introduction</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started.html" aria-current="page" class="active sidebar-link">Getting Started</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/getting-started.html#installation" class="sidebar-link">Installation</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/getting-started.html#javascript-html" class="sidebar-link">JavaScript & HTML</a></li></ul></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html" class="sidebar-link">Getting Started with Vue.js</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html" class="sidebar-link">Getting Started with React</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="getting-started"><a href="#getting-started" class="header-anchor">#</a> Getting Started</h1> <h2 id="installation"><a href="#installation" class="header-anchor">#</a> Installation</h2> <h3 id="via-npm"><a href="#via-npm" class="header-anchor">#</a> Via npm</h3> <p><a href="https://www.npmjs.com/package/cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">npm</span> <span class="token function">install</span> -S cheetah-grid
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token keyword">const</span> cheetahGrid <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">"cheetah-grid"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h3 id="via-cdn"><a href="#via-cdn" class="header-anchor">#</a> Via CDN</h3> <p><a href="https://www.npmjs.com/package/cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/cheetah-grid@1.13<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h3 id="via-source-code"><a href="#via-source-code" class="header-anchor">#</a> Via Source Code</h3> <p><a href="https://www.npmjs.com/package/cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p><a href="https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js" target="_blank" rel="noopener noreferrer">cheetahGrid.es5.min.js<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h4 id="sourcemap"><a href="#sourcemap" class="header-anchor">#</a> SourceMap</h4> <p><a href="https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js.map" target="_blank" rel="noopener noreferrer">cheetahGrid.es5.min.js.map<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h3 id="via-github"><a href="#via-github" class="header-anchor">#</a> Via GitHub</h3> <p><a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/github/package-json/v/future-architect/cheetah-grid.svg" alt="GitHub package version"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h4 id="git-clone"><a href="#git-clone" class="header-anchor">#</a> git clone</h4> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">git</span> clone https://github.com/future-architect/cheetah-grid.git
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h4 id="npm-install-build"><a href="#npm-install-build" class="header-anchor">#</a> npm install & build</h4> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">npm</span> <span class="token function">install</span>
+<span class="token function">npm</span> run build
+</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><p>built file is created in the <code>./packages/cheetah-grid/dist</code> directory</p> <h2 id="javascript-html"><a href="#javascript-html" class="header-anchor">#</a> JavaScript & HTML</h2> <p>Please refer to the <a href="/cheetah-grid/documents/api/js/">more documents</a> for details</p> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid-sample<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 500px<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>border</span><span class="token punctuation" data-v-63d28fc8>:</span> solid 1px #ddd<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>// initialize</span>
+grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// Parent element on which to place the grid</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".grid-sample"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Header definition</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Array data to be displayed on the grid</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Column fixed position</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/introduction/getting-started.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+ ←
+ <a href="/cheetah-grid/documents/introduction/" class="prev router-link-active">
+ Introduction
+ </a></span> <span class="next"><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html">
+ Getting Started with Vue.js
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/introduction/index.html b/documents/introduction/index.html
new file mode 100644
index 000000000..eeb607bb3
--- /dev/null
+++ b/documents/introduction/index.html
@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en-US">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>Introduction | Cheetah Grid</title>
+ <meta name="generator" content="VuePress 1.8.2">
+ <link rel="icon" href="/cheetah-grid/documents/icon_512x512.svg" type="image/svg+xml">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/3.7.0/minified.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
+ <script src="https://unpkg.com/cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <script src="https://unpkg.com/vue-cheetah-grid@^1.13.0-0||^1.12.0"></script>
+ <meta name="description" content="Cheetah Grid is the fastest open-source data table for web.">
+
+ <link rel="preload" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css" as="style"><link rel="preload" href="/cheetah-grid/documents/assets/js/app.0957b732.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/2.0e3e922d.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/77.d8b02770.js" as="script"><link rel="preload" href="/cheetah-grid/documents/assets/js/3.502706f9.js" as="script"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/10.63120c1f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/11.e47cbaf6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/12.3d860b21.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/13.09b535d9.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/14.1d303117.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/15.70cd490e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/16.05f7d668.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/17.1ceaa8f2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/18.aff995b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/19.3dc37665.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/20.8d38d090.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/21.afc557c6.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/22.76526d42.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/23.42fe46b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/24.ff30c5af.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/25.73e5a109.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/26.f60ff9fd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/27.db27917f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/28.6d1170de.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/29.57bf8bfc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/30.da07b6b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/31.db577bdf.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/32.3c56269e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/33.0c16ee24.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/34.dfb18825.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/35.ac1751c7.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/36.1e2577ce.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/37.b761e1d3.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/38.2da2d977.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/39.8873f70f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/4.c7ed5d0d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/40.bd79e063.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/41.556f1a23.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/42.4326099e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/43.6c747350.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/44.6f0ff086.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/45.5be77374.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/46.a930d057.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/47.ab256928.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/48.6f1843d8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/49.c48ade93.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/5.4c5a3b22.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/50.676259e4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/51.a584af06.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/52.aac08140.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/53.6b347f4f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/54.397b1599.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/55.da2aee49.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/56.9113003f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/57.d2704f70.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/58.0016a6bc.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/59.a7bc6277.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/6.6042c4d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/60.410cf1d2.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/61.1699ff8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/62.1fe9658c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/63.6f1746dd.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/64.d2e835d4.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/65.97a9845e.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/66.99a7ab4d.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/67.8c0a57b8.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/68.4561aa8f.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/69.08a52398.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/7.cb2971be.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/70.d39ea089.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/71.afd1b46c.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/72.a025cd52.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/73.a2eae337.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/74.5cce4b03.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/75.42345654.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/76.c8e5fc18.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/78.b892c180.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/79.6273fdff.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/8.e15bfd1b.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/80.0ee6c1d0.js"><link rel="prefetch" href="/cheetah-grid/documents/assets/js/9.d79e6b88.js">
+ <link rel="stylesheet" href="/cheetah-grid/documents/assets/css/0.styles.329e4ed0.css">
+ </head>
+ <body>
+ <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/cheetah-grid/documents/" class="home-link router-link-active"><img src="/cheetah-grid/documents/logo.svg" alt="Cheetah Grid" class="logo"> <span class="site-name can-hide">Cheetah Grid</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/cheetah-grid/documents/introduction/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+ Introduction
+</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="API" class="dropdown-title"><span class="title">API</span> <span class="arrow down"></span></button> <button type="button" aria-label="API" class="mobile-dropdown-title"><span class="title">API</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/js/" class="nav-link">
+ for JavaScript
+</a></li><li class="dropdown-item"><!----> <a href="/cheetah-grid/documents/api/vue/" class="nav-link">
+ for Vue.js
+</a></li><li class="dropdown-item"><!----> <a href="https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ for React
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><a href="https://future-architect.github.io/cheetah-grid/" target="_blank" rel="noopener noreferrer" class="nav-link external">
+ Demo
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/future-architect/cheetah-grid" target="_blank" rel="noopener noreferrer" class="repo-link">
+ GitHub
+ <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/cheetah-grid/documents/introduction/" aria-current="page" class="active sidebar-link">Introduction</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/#what-it-is" class="sidebar-link">What it is</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/#show-1-000-000-records-without-stress" class="sidebar-link">Show 1,000,000 records without stress</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/#simple-example" class="sidebar-link">Simple Example</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/#javascript" class="sidebar-link">JavaScript</a></li><li class="sidebar-sub-header"><a href="/cheetah-grid/documents/introduction/#vue-js" class="sidebar-link">Vue.js</a></li></ul></li></ul></li><li><a href="/cheetah-grid/documents/introduction/getting-started.html" class="sidebar-link">Getting Started</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-vue.html" class="sidebar-link">Getting Started with Vue.js</a></li><li><a href="/cheetah-grid/documents/introduction/getting-started-with-react.html" class="sidebar-link">Getting Started with React</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="introduction"><a href="#introduction" class="header-anchor">#</a> Introduction</h1> <h2 id="what-it-is"><a href="#what-it-is" class="header-anchor">#</a> What it is</h2> <p>Cheetah Grid is a high performance JavaScript data table component that works on canvas</p> <h2 id="show-1-000-000-records-without-stress"><a href="#show-1-000-000-records-without-stress" class="header-anchor">#</a> Show <strong>1,000,000</strong> records without stress</h2> <p>You can display data of 1 million records in a <strong>moment</strong>.</p> <div class="code-preview code-preview--hidden-code" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>Grid initial processing time : <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>strong</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>time<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>strong</span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>br</span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>br</span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>label</span><span class="token punctuation" data-v-63d28fc8>></span></span>theme<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>label</span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>select</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>theme<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>option</span> <span class="token attr-name" data-v-63d28fc8>value</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>default<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token attr-name" data-v-63d28fc8>selected</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>true<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>default<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>option</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>select</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid-sample<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 500px<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>border</span><span class="token punctuation" data-v-63d28fc8>:</span> solid 1px #ddd<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>const</span> personsDataSource <span class="token operator" data-v-63d28fc8>=</span> <span class="token function" data-v-63d28fc8>generatePersonsDataSource</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> startTime <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Date</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".grid-sample"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>/* multiple header */</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Name"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columns<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>/* callback field */</span>
+ <span class="token function-variable function" data-v-63d28fc8>field</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> d <span class="token operator" data-v-63d28fc8>=</span> rec<span class="token punctuation" data-v-63d28fc8>.</span>birthday<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>(</span>
+ <span class="token string" data-v-63d28fc8>""</span> <span class="token operator" data-v-63d28fc8>+</span> d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getFullYear</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token string" data-v-63d28fc8>"/"</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token punctuation" data-v-63d28fc8>(</span>d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getMonth</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token number" data-v-63d28fc8>1</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token operator" data-v-63d28fc8>+</span> <span class="token string" data-v-63d28fc8>"/"</span> <span class="token operator" data-v-63d28fc8>+</span> d<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>getDate</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span>
+ <span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Birthday"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Button"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>120</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>/* button column */</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>type<span class="token punctuation" data-v-63d28fc8>.</span>ButtonColumn</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"SHOW REC"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>columns<span class="token punctuation" data-v-63d28fc8>.</span>action<span class="token punctuation" data-v-63d28fc8>.</span>ButtonAction</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>action</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+grid<span class="token punctuation" data-v-63d28fc8>.</span>dataSource <span class="token operator" data-v-63d28fc8>=</span> personsDataSource<span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token keyword" data-v-63d28fc8>const</span> endTime <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>Date</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".time"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> endTime <span class="token operator" data-v-63d28fc8>-</span> startTime <span class="token operator" data-v-63d28fc8>+</span> <span class="token string" data-v-63d28fc8>"ms"</span><span class="token punctuation" data-v-63d28fc8>;</span>
+
+<span class="token comment" data-v-63d28fc8>// THEME</span>
+<span class="token keyword" data-v-63d28fc8>const</span> themeSelect <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".theme"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function-variable function" data-v-63d28fc8>onchange</span> <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>if</span> <span class="token punctuation" data-v-63d28fc8>(</span>themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>===</span> <span class="token string" data-v-63d28fc8>"default"</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>theme <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>null</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span> <span class="token keyword" data-v-63d28fc8>else</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ grid<span class="token punctuation" data-v-63d28fc8>.</span>theme <span class="token operator" data-v-63d28fc8>=</span> themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span>
+ console<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>log</span><span class="token punctuation" data-v-63d28fc8>(</span>themeSelect<span class="token punctuation" data-v-63d28fc8>.</span>value<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token keyword" data-v-63d28fc8>for</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token keyword" data-v-63d28fc8>let</span> name <span class="token keyword" data-v-63d28fc8>in</span> cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>themes<span class="token punctuation" data-v-63d28fc8>.</span>choices<span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>const</span> opt <span class="token operator" data-v-63d28fc8>=</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>createElement</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>"option"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ opt<span class="token punctuation" data-v-63d28fc8>.</span>value <span class="token operator" data-v-63d28fc8>=</span> name<span class="token punctuation" data-v-63d28fc8>;</span>
+ opt<span class="token punctuation" data-v-63d28fc8>.</span>textContent <span class="token operator" data-v-63d28fc8>=</span> name<span class="token punctuation" data-v-63d28fc8>;</span>
+ themeSelect<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>appendChild</span><span class="token punctuation" data-v-63d28fc8>(</span>opt<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+<span class="token punctuation" data-v-63d28fc8>}</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>42</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>43</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>44</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>45</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>46</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>47</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>48</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>49</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>50</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>51</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>52</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>53</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>54</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>55</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>56</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>57</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>58</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>59</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>60</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>61</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>62</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>63</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>64</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>65</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>66</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>67</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>68</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>69</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>70</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>71</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>72</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h2 id="simple-example"><a href="#simple-example" class="header-anchor">#</a> Simple Example</h2> <h3 id="javascript"><a href="#javascript" class="header-anchor">#</a> JavaScript</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-html line-numbers-mode" data-v-63d28fc8><pre class="language-html" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid-sample<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 500px<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>border</span><span class="token punctuation" data-v-63d28fc8>:</span> solid 1px #ddd<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token comment" data-v-63d28fc8>// initialize</span>
+grid <span class="token operator" data-v-63d28fc8>=</span> <span class="token keyword" data-v-63d28fc8>new</span> <span class="token class-name" data-v-63d28fc8>cheetahGrid<span class="token punctuation" data-v-63d28fc8>.</span>ListGrid</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token comment" data-v-63d28fc8>// Parent element on which to place the grid</span>
+ parentElement<span class="token operator" data-v-63d28fc8>:</span> document<span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>querySelector</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token string" data-v-63d28fc8>".grid-sample"</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Header definition</span>
+ header<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>[</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span>
+ field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>""</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>50</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ columnType<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ action<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"check"</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"personid"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"ID"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>100</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"fname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"First Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"lname"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Last Name"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>200</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>{</span> field<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"email"</span><span class="token punctuation" data-v-63d28fc8>,</span> caption<span class="token operator" data-v-63d28fc8>:</span> <span class="token string" data-v-63d28fc8>"Email"</span><span class="token punctuation" data-v-63d28fc8>,</span> width<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>250</span> <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>]</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Array data to be displayed on the grid</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token comment" data-v-63d28fc8>// Column fixed position</span>
+ frozenColCount<span class="token operator" data-v-63d28fc8>:</span> <span class="token number" data-v-63d28fc8>2</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div> <h3 id="vue-js"><a href="#vue-js" class="header-anchor">#</a> Vue.js</h3> <div class="code-preview" data-v-63d28fc8><div class="code" data-v-63d28fc8><div class="language-vue line-numbers-mode" data-v-63d28fc8><pre class="language-vue" data-v-63d28fc8><code data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token special-attr" data-v-63d28fc8><span class="token attr-name" data-v-63d28fc8>style</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span><span class="token value css language-css" data-v-63d28fc8><span class="token property" data-v-63d28fc8>height</span><span class="token punctuation" data-v-63d28fc8>:</span> 500px<span class="token punctuation" data-v-63d28fc8>;</span> <span class="token property" data-v-63d28fc8>border</span><span class="token punctuation" data-v-63d28fc8>:</span> solid 1px #ddd<span class="token punctuation" data-v-63d28fc8>;</span></span><span class="token punctuation" data-v-63d28fc8>"</span></span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid</span>
+ <span class="token attr-name" data-v-63d28fc8>:data</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>records<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>:frozen-col-count</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>1<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- define checkbox --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-check-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>check<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>50<span class="token punctuation" data-v-63d28fc8>"</span></span> <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>personid<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>85<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ ID
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- multiple header --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-column-group</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>Name<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>fname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ First Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-input-column</span>
+ <span class="token attr-name" data-v-63d28fc8>field</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>lname<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span> <span class="token punctuation" data-v-63d28fc8>"</span>20%<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>min-width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>150<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>></span></span>
+ Last Name
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-input-column</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid-column-group</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+ <span class="token comment" data-v-63d28fc8><!-- button --></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>c-grid-button-column</span>
+ <span class="token attr-name" data-v-63d28fc8>caption</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>SHOW REC<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>width</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>120<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token attr-name" data-v-63d28fc8>@click</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>onClickRecord<span class="token punctuation" data-v-63d28fc8>"</span></span>
+ <span class="token punctuation" data-v-63d28fc8>/></span></span>
+ <span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>c-grid</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+<span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8><</span>div</span> <span class="token attr-name" data-v-63d28fc8>class</span><span class="token attr-value" data-v-63d28fc8><span class="token punctuation attr-equals" data-v-63d28fc8>=</span><span class="token punctuation" data-v-63d28fc8>"</span>grid-sample<span class="token punctuation" data-v-63d28fc8>"</span></span><span class="token punctuation" data-v-63d28fc8>></span></span><span class="token tag" data-v-63d28fc8><span class="token tag" data-v-63d28fc8><span class="token punctuation" data-v-63d28fc8></</span>div</span><span class="token punctuation" data-v-63d28fc8>></span></span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>13</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>14</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>15</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>16</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>17</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>18</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>19</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>20</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>21</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>22</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>23</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>24</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>25</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>26</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>27</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>28</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>29</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>30</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>31</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>32</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>33</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>34</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>35</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>36</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>37</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>38</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>39</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>40</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>41</span><br data-v-63d28fc8></div></div><div class="language-js line-numbers-mode" data-v-63d28fc8><pre class="language-js" data-v-63d28fc8><code data-v-63d28fc8><span class="token keyword" data-v-63d28fc8>export</span> <span class="token keyword" data-v-63d28fc8>default</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>data</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token keyword" data-v-63d28fc8>return</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ records<span class="token operator" data-v-63d28fc8>:</span> <span class="token function" data-v-63d28fc8>generatePersons</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token number" data-v-63d28fc8>1000</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ methods<span class="token operator" data-v-63d28fc8>:</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function-variable function" data-v-63d28fc8>onClickRecord</span><span class="token operator" data-v-63d28fc8>:</span> <span class="token keyword" data-v-63d28fc8>function</span> <span class="token punctuation" data-v-63d28fc8>(</span><span class="token parameter" data-v-63d28fc8>rec</span><span class="token punctuation" data-v-63d28fc8>)</span> <span class="token punctuation" data-v-63d28fc8>{</span>
+ <span class="token function" data-v-63d28fc8>alert</span><span class="token punctuation" data-v-63d28fc8>(</span><span class="token constant" data-v-63d28fc8>JSON</span><span class="token punctuation" data-v-63d28fc8>.</span><span class="token function" data-v-63d28fc8>stringify</span><span class="token punctuation" data-v-63d28fc8>(</span>rec<span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>)</span><span class="token punctuation" data-v-63d28fc8>;</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+ <span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>,</span>
+<span class="token punctuation" data-v-63d28fc8>}</span><span class="token punctuation" data-v-63d28fc8>;</span>
+</code></pre> <div class="line-numbers-wrapper" data-v-63d28fc8><span class="line-number" data-v-63d28fc8>1</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>2</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>3</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>4</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>5</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>6</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>7</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>8</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>9</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>10</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>11</span><br data-v-63d28fc8><span class="line-number" data-v-63d28fc8>12</span><br data-v-63d28fc8></div></div></div> <div class="preview" data-v-544081ab data-v-63d28fc8><div data-v-544081ab></div></div> <div class="tools" data-v-63d28fc8><button class="material-icons tool-button__code" data-v-63d28fc8>
+ code
+ </button> <button class="material-icons tool-button__preview" data-v-63d28fc8>
+ visibility
+ </button></div></div></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/future-architect/cheetah-grid/edit/master/packages/docs/introduction/README.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/7/2024, 7:31:20 AM</span></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/cheetah-grid/documents/introduction/getting-started.html">
+ Getting Started
+ </a>
+ →
+ </span></p></div> </main></div><div class="global-ui"></div></div>
+ <script src="/cheetah-grid/documents/assets/js/app.0957b732.js" defer></script><script src="/cheetah-grid/documents/assets/js/2.0e3e922d.js" defer></script><script src="/cheetah-grid/documents/assets/js/77.d8b02770.js" defer></script><script src="/cheetah-grid/documents/assets/js/3.502706f9.js" defer></script>
+ </body>
+</html>
diff --git a/documents/logo.png b/documents/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3075371998f2e2bbff10c3bda177304116502778
GIT binary patch
literal 266263
zcmb@uhd<Tf|2}?XR@Sk%oP@G<Y#|**R^-?tD|=^VrZ{$X4iOnSMD`wa;@Cp=-XS}C
z{ci8i_x=70ey@jz9(8z~*SYWKxSrQ_-Gx6>e?oSH=>`M>AyZaDXh9%^91sY80tpfL
z7kT}*UhoHjyMnSd3Ap@7EK%U^roP&Gue8j(Zn?NQzqEC*y7kJ(#p>3>XU~Ko5R%k|
zry4yf{GF;gJUpEmUERt{S`d5-Y5{5$YL(9je0=<y_#{GbAt5n>_{Z{9lG;4|5W){1
z(sJ>#YW2%f@1pt$AsThGHq88^Q4q*2h%(}#ws-p9DX(-Rk6O9yKKI_#vPMhs2V<6A
z;{tbE1|oT3c#85+#10HaxDWHhqpdf3-8?cK5V4Oj(vBd^C5Z^4e33AwHo<8a-*X_f
zl)iHKgo<GDuHo|E?#-2R-<=!V=e?2|VhO448GGll6!M7wU#>)Y%O?C=u>V|WK@Sg)
zfXu$?UZE%q0;XxJuakt)!Q&x>;9TdEt)dIof-s)aF@wgMnx%(vPuP^Z-TxpEgzuD<
z{_pn<whasnitvfa9Xwf9^dL~Et@hAk$U5TZhvm6>NJg3CYu=#d)I1++IMdYq5n*a5
zKc}h!74+)rSFj`s`96qPB*ggEq0;Zca%-hhF;2wW_Ji=|YR8GH1EY^&s4vfiuPguG
z$G-VvZKyCZA~LcXQbW>02-8~dB*kE0ZkY=brgqNGm!c34X(Cv*-%n1?|GWW|wnF~a
zFH43tQAjam9OgJ?g$L=cijbv=e(apKrH4W-Gbg<Nzgug+Ut3@AtL9txg-W_NSt#RN
z)1_H(wJ%qCKb|g2)4{TjfBf&JiAtPqF^&`LqNEFn$1!&dF;b+nQ;v>~GwA=^6aRnr
zq<r)J#e<*{=1|vOKb*+(m<2yWWXV*i#S@1n3l5kY^?!dbajRR2bJr8+DtiysTK?bz
z$u~dcYwJ2cO9QM(3+)#4w9G7&6{&`3m5&~Tz3yOWn==i=sglN~{$Vcr)xXiYDZoB{
zaQv-sQ2g^=;Tk?fz|P)Y8a^>|6RMf@f+`;MpKDh~g2ki&bIA+K@BPORP!d8$mN5ED
zC?=YW+QvXG+`Rez`lv54-`Pe7)#RQHBippewU3Y49gzMkEjLq9oY}2!{=4IyD$&u=
z`J+|myik4NsS%x|JFab|783r0B<R}<+rD{m9O=R5#Emuk8BZrYP4AfR{B^2i#f{yA
zS>J~$BO>ws_o=;p%xxDU_oZR+`x(}cf);Ks)XYXbO!t}OQN3Lqjw|>_Zg6z)wX$Y?
zYiX=Fs$m4)<8EMRxFAU$jj}QMUr_kmp}Em`t%V<EZgqb~gjP_}f+Qt#BGzgsoaIT%
z$1npGm%T%s7cYKxOXwn-M}~(zD{q=Xp*_r89O3_27#`=h3Rzt)5_qY?ueq-|NcxcI
zn*It~QrW$Ie54u{%ICK@!CP9{$dk5O68ZS^Opk{u0<rhM@bA2t_3RHJWV7=n;UZ?7
zV0wRz4gRFf80D}`rTqO#QzO;k10A$y28KK>uhw>=%8^yz-DAWerhEOz|GhiPjgKn4
z$c1HvBGfF=8vVL|kH~e;P^$E${>9e-KY>9=hSwy|!7HEs{)D=QT-1@n#Psi(nafA?
z*xN8Svi~k6yyPkg`}_N6Q0>C2%c-IBb-MrN*KSgL=lfKzkA?J(%0xV=O8Mj^v=7sO
z>YExHH#RmmUn>9SE{b^m4%GiIAs2VNr|lWq)(3iad}%W4s;I3qCI0H@xp%^YpNqxJ
zZ3ZS<$h^!+=Z0}7CMO42*x2x_ntLM<lDPjSM^D-dp_)#isLV)|_z+8%w%=d0K)PS|
zhqSDoTJz?R7BoY^<zd9D!F&8&Od#W4w|uQZp(fv-?A-jnjMa<@Z_iicbR0=uHysRl
zE*?`ytEDdbq|J5n?jzfkFKhMJg5}q)#e)ij`fog<>E~RI2p}a-#aFUd$jrMs-qjLH
zCsmt_N0ymOFV&#<bccA2NW)P)D<9r+{-<bVAMbiX<FrHUQ*f>uxx`aZINID+F#)-1
zxeb;<_{{ZNOMRiJFTaHTTX%{h5inke5!$J@GKKB!$Y%k?#p0Aq(I9lh??!7xjxf!Q
zkDKO7U>REfy9~AJ$P&EwWsE(HX-{r8LDi&WOXlaxi3WP1aU(S}<WSAt|HW_d^C8_F
z=D>X)f2VgM&b@N}By7C<Pc@K@6~)E9TmQK&_J6m<6cpUO1&h9m8`1b=d!CcV(G%Gz
z!rUh<;4$J1Er6@-InY0X!8#f3|5M+y&qjX#UR2|xs>Ia&79v$a@~RHPwJQ~nWLTkl
z@f|s443As;M^NoGsGksdByr3clkSi()D^-aLi)KnCui~3?O2)k5BW1pAYVefWdee2
z(RXoz67KD-Hp?SE`Q&pNmpm$xPUz)GytCd$kWFqOSDTWpSlrYUP+*IOVujWmCrrQ(
zxFNq1e$zrEU(<UzaX^JV8X>v?4aUf>&*ayo%1EuGmb`vRt&ME`^M^+v>sJtpg}|lV
zHT_Yj8H@H%2&7KYGR$#8TIZ|5kZa$A!<^z-4Y2=@5WUKxFG*b1+TI!7+^vnFi2YnK
z+V<z@x3WG|lD#Fcj+qwPKWTAQ|7@Tn1lMG{%HBYJKomMGMI6vC5y(d{Ess~z{fPPd
z)bE@ms2<S<ZTDNQ+_w-?qn?_Y3V$IqYR1q;K2hcMA+PokazfE^Wp}B|OXQ(4LR$i{
zII3--w$A+wS>-J|!2jH}Q`q8YL9R2Og+8v%MS>;f@n_AHN4H_<=l|(-{4y^&sX$*$
z(B4NtCH0Zwn6<%~)4e2zbTa4;N(mxATf5`s<rN#IkcCrR)SRed7backr{&d=Y5mCw
z)x0PuDKWhV<JF3GCReLrR5y|E-?QoDT<pIK0TG@3rtK;`G=nF;nPJN;MSR-gau$?f
z14S6Cmge|Z?-Cu-uS4$=x!enS9?Qj3UtiDtDC?IFBzC;&9EFl8v%tlCh5Yp)O+wl9
z@A)>SWf~SQq+Tne4|s%LkrH#C-+u*}@!+6=Wv826E#;RMf@^r0W(?M-b~@w~RV+@t
zD~@kLK|@SE40VK;PB6>aCFR#aed8UG;-U$}t8guIVthOU^8Q5q18BGDnBjcp5>r}t
z-oyq?<BXq}aS5r{jn88W*K7sC5D57HW#~N!XfQZVs&M{1TPMw-6;}OYT+RYKT<K2G
zO*|tW7|A<@FvwY}Yr0%yd*;N%M0Jll3W11x=venXN%VU4d^;~QKK0#%_Yj3(`A>eh
z7*?!P8@PGOf6~8GgNl?$LxgmJ7ULVfAYp&AG{&NdI*tjF@*&UXIt26rCupr9B0yYN
z*!9ViC%9ReFeOCA>=!#n%vPCsGk%G+tH86FUqa#1>_s2kR1u_u@L1w)dfgBh4E^Xo
zyS)_WBH{N2)1-h9ApAz|BDeYl^UaYt9C5A65nJWRnb2W<eghJ-0BK3QJnw$H+J8ib
z^&W0EOeP$JXYTj8UuI6kz@K_oVw%QR_U?dmXoT%DBOAYd{pwh~jt7PEtBMv7-BY1=
z9-H1C|5qubn8OI(Rud0II!|AbNn_oYii%fcL9{UoMbNk;Ox;st3UjFDS4;pz5z>iw
z1W6263df)!p^BCu#e|`&x<gLTRn4Ig%=nT-??bFm9beblSd;(h!*7!KnkFPfA-HSa
zOL0Ff8kv=!;9MzVadAqV;5#(3HRIy&bH~py3G@dL$HBOTtFMuD|KSq0Snib$edrEE
zg1Kc3w%h6=aYhhyd7pG4A9TRi_wu>9VFoQReog8fTWRNB&$2M4v>{ga;tzh$I9EA}
z*RxPT`_s*-;%(SO;qanTzI8oF8q%X2!^R8S$JjyoHto_1up4ogri7n5g-B%%_aPZ3
z$Q%p^3$dUO*Z}^gn=N>dQ^$!-F}3o+s*UqJ+fCHt&$lIyzEbo1s;Q~vc3AErA;pqq
zWgOP?I}%*n+`^KQ;d*?b-ZC+kBB@=^d#@uEW!Rp`u;E5WN6XtXQa}AWJ>Nd|+Xmmg
zwWddU-$g^jq+<4hL9at11Lt?V1IhqgjWNndMA>9%BDse|H&|qddG(SDzL?TJnlQOc
zT!6X#aEO`t{agE^66dv0GXm|(hlu2YwR;d1q(=dY0dfzI<s8e19QuIzhd)aEA_esq
zPP(v@tCAw?2WsBpWh()6iIy%2=GGDS7ORZ$#h5YVW7ayJ*u^c?3m_fcS@L^?qP~Wj
z$*k@BRy$4AdGPJ2tf+HR>1Scm941Vh(aXLQRlImDa5X%kSqb%gTl7b^*p*H03~%$6
zo>5fZZAuarYlb#v#l;~==km!>%)%|YNHcTu`PIN>bEJ8e5b46|+r|FHoW7N=v14td
z;vydM{CZGkWo0F6=U4{{MTdIE^C}W$Bs(-ZzT|qgjg726X<c#B51rU7Om|a7il(aS
zY>Zdh^Gpe&)6yP1di01{b#U^pMDI(ikQn|b!HW)~)&h(L<l-JI(2Zp!`QYH7w^m9F
z%5S8qpw$Z(6-9z6g!ERrD%VJAUM*di?ix}mW`Q>DEruKq#TY7l;{^g)4^pYKYQqsz
z=Lpii)aP8STLHk{R8_9ND!z4X<O8x6BB*O~i$3`m3_na0=gOuv^!fo?-#Lg&`^+wP
zxVShy1qFra7t9J{sB0(+Zpk>2gSjw3Gz|_9ALQ3Yh1=wbIgV>nMYak&AF@X*=G4km
zEl4o1vx7)sXv5*4vAC7p?VE4R7<lg8Q*d<^2E)qSp+@5mOY)z{{Siph7`Tr$B(l8x
z8dQ_$`-|;M@II~D7QA*;N2@rmT2`&;qaJ_Sqrd!JgK9nx;Y{ay{g)DG7ww^!gYYyw
zIQ}RntoHS_Ll%r(;o25*zh2t&?-6Z~Vnap}Y5)}IWmSKF|97~Bv3ZH!NW~mQ#BkrT
zH^vTsG#7J86E_pt&f0HNVIT9OhcFxg!xgR(Vos<axGtETSs`W$b3#7|-zwu<@8!<)
z+ig*ep(YRO16x4`bIU>{c8e657OpYZii9t#`1_x0b(Iz4Z__~w(1i=?>guu|z0*H@
z2)gHPJZQ#1bQU1@^yyQ#<V5WuPvm*B<AmI3rTxfvNjW^ICf?03tSP~ERYBXC39*;I
zk9wvfed2+CK*I&K$7-IRGBT4g?j_QZ=-XJ&TMMq31qU!@o!G#ASNw1ah-2%1P9+}e
zsL;?*cg4m1JliIMAn_FL=R=@xlH*)A^=jRg@O_?z{Ui;;u0U!ST8<$)z3wtT4=Jn>
z7k6RR(lL8oAh2*E4L?C;6Qqq>U-3;Eja&S~3;M{`$F2pcT+q9QBirk>_wAr}(HlG3
zv=$Z?42+E5K`F={H`yQpRodi^zLu8Ah{v6UCpy-FcbK9tJOn6I5!zp1aqZC<Uw6z-
zebXd)vzMztp33-}y=giGOn<w2Es$V4)COK>-GtAPeWtmc=>V6zg6*4|o4j}pfmOV0
z)=!aPc#~wa#9)|g4vzeo!OYAY5{{U^hZQQOi9<SltbSIorj9%}9fSv#`kx*=$&jSG
z@lFiy2u#mt>|QKWXsOld!3M?h8VdqK30}eX77WrwwHKu|N5{qjv`+H*^Jn*gQgqqE
zzOSZ%LBzm-77cBWRM;6D>HkY8s?Twz>0GDg=%XSc(HRV9Ly)EfyE7d7#5-i=b^6<#
zg3f0pQV3}`9jTw97^zz@UB%D+6Iau5CxxoQKm}pQ_ejOX!Li{#?je{>qV1ubot=`6
zndU$k{fdp9-7Z%`hc2XssAbj3sq)~IKqZBwvx^}2&b3U6ZQr0WEqpc=O(RYr0#s{o
zscY-(x9q@Yu3t?1#Xo(BS{l;n(SgW8w%w8bH-o&o70bA&k*omjMuD>XAZgvbe;&lD
zhC9m&KFn>}L6%vYc41-RYS-G^NvLCeTFQ#@spIe5DgR38`T?^EDr=-k$>D1!@nZm%
ziTC&SS6<6x%;Yg$c6*$<Y7Nexd#jG5=lx=_ojphep@*->n`+Y!8f+O|I6?<>@Dg;M
z&yF81J_55z8^`>)|Br^y6H_-pq$J5^ZZScedzLV`c-X@ijls_vgIz+xtwi4}RT9~y
zklgFEKGgMiWz;{B|A+n6uL<IRWD*+OJQVwq5~G0<W|HuRZzVUi_l3L4)SVn1tyaj<
z)BwXMBb>xY7qZ7#xKmZly}cO#Po>1QQr}6CYmVmX?CgAIVj|1U%ZaQsMKpo(-+c6w
zT7$IvApk{$94zEvcn%t(7s)E*^JVk`)3L2H)26|FXFQJXXi3e#UeBJVB9N)kon@Sz
zkraXhf_FXNE0N4!|2~=%eqly!+{nhl^sgm#ZsQFm0AP>}{ui)#8_lbwpbAIyy0Wa~
z!?YgElv-k4)0_2^_W><Zb?%slBMHNTm^MVt+=Au0Gq9b>K78KZlJ}Sz_g3{Svucrn
zfKXJeOxM5G`LKi}Vv4&5o|2;ztDh{I&HH4TSwG&G=#8}}!b0p)7`9pT<s>DF7+AZc
zs$!pf?oV^0W#%U*BO|lt>pJ;{F_9cBK76t+LrzX^?%=Rfe88j47E8Rew8SGQ7&anZ
z@79iyBAJZ@4L`EpbAt(;MiP$N9f=!I|6IU?Ne?`soPMnsJ7KmIUDYVtFt_aC?%A-U
zLS>^z`v|+nFf0&jfplakOyPQFBGTA-Yv=8Y2{yTlF`cMD8RQ#oFSV`UbjJx(K<MB+
zu9l@AU>1=Z?-ZPgw^PR)QbpAsI*NYtD+q?kJu`rTsP<-IU_<_#j|l#bHAJm+#^qkh
z0nY5?s?j-^(vydcNXG23L2C^V%Q*~PomNC*;*6ueZOklw%1gZXfz}*1zff%pI+!A_
zs^l*HI`!Q`V{Ej1=Hu7wE_<@{fb8%Eu@9q^!liCw%~bE7Z2bMU6JpA_ohFx4!k&Yn
z#xSM#zJBxPOI}{y8kiAo2iaSn9KToM6oSLwW@T{{`x@Pfh=_QmsTo{WCc;qejeeEm
zIlO}Bcb6$TrrY=}0&&dEKq~9R(3V%wh91_Kw;%DU0nO@ztveI+1z4oHI_0<P<|HK_
z5!f~5MB0^QwEqmAV8H7@LZ`-js)U`tO_$pHSWws4JCx-SiH9HF=2QS|o3FU|V9<Z6
zKc|1$f)7qe`unSJ+0!~QGG0$liP6Ts?=cU=E_Q07KfZo>m|KAP4BI_Mz;=$|ysDgF
z<`#gB6s&c<H2nN)9S<#zwvikPxvwFc4mU)d5YxuWnk~$IRhHRyp*pQw76|{l4-pIq
zCZ>1VnH{xIwKTNa8u8-VE)`T)7!2F3w1J-_OOhneh0EWX1vqsB;zSw8NNXF>YW`<y
z3kQk_9Lt<|BLTE^LBS_hR(JfG?$RGx7HS~n?#s$vEEx?+a>3Bfpr7MH%^K`5!kN0R
zIQj`QrpUw7U9`rq*=fe_K550EBvDtya4V&ObolnTGQo&?c18QS?|}a!x~9`KrnAiw
z+SKCjSs3yl_wn)ZP0u?Luufh8ex3q;<2FS0!^T;e*7wNX-Pzm~-(L*r^*M$bB_YHY
zW(y@06Gx|?m7~<U|C%F^VaR>@JlpAf%mU=a#DU!)oEf=q1l5;LlTcA1u>R;PvE%);
zJUl+T^>D=AG$n+XO?`g4dBXcorZT7XuhSuTu&&9U)}$0)&3en1a#-gxo|uwLp=75{
zRNso>_fX2jXeG`vFnpDulx(<4GCzEfH#KFiHWCz3R8;&@RD{siXM8zcsDwPktnF`X
zY{=nP7eo86fv#FiAEyCI?55i5U*GO+>`%TqIA#~bUQV5stYnDND!*Ohf`WxnGA6wm
ztTm-VA~#rkx5KIY=3ny)iDU%qhhq-B8>cM*H0i*<V$poecdV3oc){X)g*2u2OoGJ;
zH2T|GD0r|av-5JIW#OyX#qJBL>S<bByN$X=N}L&l+o{UsyChw&EcVR|u376zbkw!L
zV?(OI8u6Is2j;iqT8jsxq157yQ?aurV|Pj&nQP9*T`M-8`kN)Ia+#L9uk^C_t|2Nu
z5nc-(%Cik%YstOua}G$0lhadS;qUJpB2%sOzkK;3k3`a{y1(?0(B6Lt_$0|RDI7>3
zE(X#j&}8Lun40HAA9(lMMpmnCe(pC%NS~2>eUR?mJ(RpwJ3P4ZUApNTk#U%e?MlJg
zSCBD+?sxfMoz&eQel=ew3gHH9vS3hD(m~(rrgw);t+ALJhci#96I#B4aE>-KFZS{%
zE}}H@Z6X$Y&{zJV+Mq8t%dGWdpz?f`9OtibF%R=?s}&!Y1;g`8opsl|&C}OZBmP1j
zyMXYn2N<X?Bdxq&VPJCdFC#0fe;OvhhD)vB@#Dw8Mn=N)K!Kh96ll#rbdQ%;6Nx13
zLSGPnWShobQg@X(IXF5_NgqO~ptbf3ZPCb5y&?@QKKj71J>s1MUAHVF4yjS+xw^g*
zMXyi<XAnK&bH7|Ylp4B3%*C;)FXl9<M;nV{C;TQb)c}**p7S~>&AqcguhI*)Xy!<h
zRIZ+1_VY&bpk{SvOJKufWJ<#?{L7+Fe}0pCDVDRdYS**PSmme~c6GMqWh%kxozU9z
zV9Yi8CQs7S`uqU9B23JJga-i2qjLG&d2i@Qi88rim;5m1ywmZW9oK&c2j*^WBJ^4P
z*EnDx#c}a>RAzTnFQv7S+z`K<qN2Zhu`;_#C+bEBgpUBtjSZT(lY%z7*Y0SA>a8Gp
z=bBn_>e7mvVi%0jk2N6A7`kM_ZH8|Y$q6nQSXnL6BNpGSF8>yQ`Yk+fl{l`EG$<2O
zkri|qzfM<G;r+{_<@<DRttl;|laMPm@Wd5c8Nfm<CLE&3_X>f`osCN1GxCfh21UNe
z<gWJ$^O?SQMn^J<kW99><@)bbTgksWO-)U>m4j|=6dH|wT8P0kal%Y#<E#dK9Qo+5
z-$RJ|Cnma_MiP_2i2MEf!=DSTM}AGVj)Qd2SX6_Ho7-;o9hKy>^5*8|`(asB&?RjT
zkNs7cTer5wBMUCTin0@lv(n~7XfgBJQ`fBYm%SR)(bmz~WMN<!UDGi_z?(ra&vzXC
zW|rzWF{3fUSXZaD-J?N&yGHhMS}JKNjCsK!>Vu7=yO0F2VMXl3i+TT%lbv4ilV8uQ
zyM3}9g!g<204@M6EU7$meK(gVz|DT`odQe*#GIF*Q?L3v7z1fW0mdu5U9zC+t=gS9
zrP*IukN&K#K9phWvqDwKx0(x+l96$+#bUP(HN+WfNn3`HNMz;E&`{vU*4D~JAncw5
zm{a#5y{UHHo&@~3*iUsb&FGS62g4;%7S6F0_4Qg?-c)h>V0fBw5$1!TpZFCcG$L^e
z&a}`#jBBRu_E0SS=K#lmW=D0o{vVeC<pk_L)$H~<>T){G6y7^GWonjqTaPwZB3zd{
zYE|MjoxYlwy>LVy24Sjd7|54W>*}NeZ&4l<q0a6M>3l1YhzXgVHu*c<$Q%+9QcD^~
zhlgz4-WKxQnvM=3rub1+-aJMJ#lm~+$*?wL?-T@k%sv2iISUh;!|Xhfwmbax#!o|&
z07_YnwW(p4n}ZO8%wX$#lnvX`jGGvm{)*y=Svb=}L}>NY&dHtINLqQGzW-PQ8%udR
zwbH`o1|b$YYfIPV7LCFhei5wy6}hZNr;7jK10?kEg}+D647ZJ*_5AObH=S!H!zh|Q
zldM$feKC%o>Cov^KV>7H@KW`kyA8Wq;>*FA8M#e2J$N6O7Op2-O##YOaZvwULP{#4
zw^uzXI(kV&#vtd4VS&G@p)Q))dQ#=A2E9ukr#t-n_itTo?K7VjFM<kT;a_eQ8P&Q8
zrK&cG4|%ydT2bXYEqXa|@ZNP3f{JhdjG0e#*RIR~nnj>7X(Vd-`iK`4a*Kt$nW-ff
z(4tNvJLiHq7xPNoRnjq~VQoUS{#4=k%CnL_^1^t1_bB|xWNFx+6PW&_=+N}_v!r2Q
zI@VR_EDOq2Ast5Rw*;Kx2%Jt-#~*W8gNddY5cECe$;otu`S~kcNPpA10qVXaB~F*w
z7CbKY4pEa5dQnkP9$pngmGzk~c43&NyvD}!X%^6u;Q0X4kV9=h*cG`>aW)0urw!87
zWoc5UOpXS5o3H%~!Eo_)8BBxjzU5|vSQM!m`SiIehq+-_Ypa5SVJ5AmMUYr%EIHs|
z=y=#l+aZ_G?usUZBGFUzyN~r%7-hPa5BLpqZX_m&EYy5>yEb^~Q@AD!xtM<{1TT5>
zeHH^I$;^m$#<60d=g5Ei`&rG+>=^f%e-S)MfY~Z87D!A?e6c!^yX{+k%0?F_1qmb%
z!)A)A?d1&*>(KGt$!@6d-CxU&kB=|Zu7nMxfBY!R=@@LaD_!#*nK&*{=)>T3?zkpr
z2i=i~amNc{uVH3{)<%ypT!Uy1B`UWgyP|EKv20DR2_9r_c6<m*kGMbgVzKY@pA#i<
za{p?I@Q?!LNJ^_Rr|9rkjckZTk2odE@Ym3OKNJFHh*->oxjn8bVFXml=2U(E$Ow*r
zvnQ>zRQT^$xwXO8Bd9Q>K|EFUqOr8pwX?V!XmGj3#l<2l<bgFcHDJuWgvOz@-50KZ
z-z;7g4E=Prw_83i(yucVX?)`yY8jgF{_QiK3Qa_EK9k%6r@O&K60tMuj}}3qta3-o
z{FYI<w*K>eHqvP^0yUxQ@`Ee;5Z>fGe|+|Q%wZ^YF3G7CQ7nR;+r|M+_z}Xc+$R{5
zU0qENhV4gj5(M)9^#Z`Yhuwl-YSV_1v;N3<@LEVV!~eP=RC2g#BaDfOskq$?Xl44g
zPEG<~;kWjW{iN~yc#L;<Qb*HYnvsmCnfH|aj@(0fs62oEydaVT+Ajm-TgdF_tB`zA
z>*gD7izOBeb@txFcn=cBTYj-(|6Cm5{X7)mkRPlr;#zoOoPe2TCn3lydV+XYP*7m&
zBf)ZkA4I{T&zRi5xX5|%cP!*0Ael4!j5-!q>O3R+%FD}oO3@Gz!QXWf2xLtAVELAm
z1<G(#9t{bB03#z~__d=%l(xo7rK*Aei#3}x8t~m`F$*#?jW#G7Ss;(OuyCh4ogGDw
zd4wyoJvE=T#&@S0)TSb){&W0_;_;^P`H~_$3E6dj<dQmWKh$iJJ{%!dLrJxyC&41i
z3pSIwMSrYYu5Q3#Yq}AI(^rVyod9JJJm~$ekCkD&Tv(w^dk2T2E;Abhq7U%)>tG95
z^K35^5ITK}4E^L>9P|+@tm5&WlT{l<UCWf3X66=5fP4ewzv$4Lf%v~n5~S1UQ~p6a
z{Bt>0`E2Q6j0!IY7jpxBS-3KB^YQtuO&=Em;|H#K$)B=%!`%BYEqfZgPm&uSiTEC-
z`HfC2&6eg5l(1060Xlt>nv}@&_w@9|ugUa}lYj{*_F!4LIp*0M1Ez${&BuIV=S)?I
zy*pq=zq~lVg2IlD{84;sd8qbquxM1|VVAd=qNi6CJ|HSk@33>a_(x1ZWvLATK-;$#
zjh&r*9=a?hgcgshQ%+17WnfG5jf+I3uevFLLh;gt1Z<EnbWCPw^m>}A-}?Pl#@INP
zZ~e!?PA#q_P8K^mieGAduT#enuB9|@;OgbdD2RRYr_Gy>KbZUNm9Kv*72Z1)WKIyC
zHD>?Vf=|I+o+=ACLY46=+AAR;f%l4u%E-tN#P@awS;)rL7K~2}cw+L~w>$Y`aUnpA
z`t;=sPvJ3U4b>jqZ}V^PN`|M)8Y<MKr=_Jmk2Pb^RXeO?Q*kvPWaxe1!(h!K-B~<(
z^H=m``3(w(k9Ge(W7+^gT6nNEBRA)!hggjNdoVWerpmG-{xDMMSla?%^X;=i5kW4d
zS})Rs39c2Hs#jD~%0CaepZWPgf3|NSEMW!Suhu0tn*tdE>%15!WMv{6Ke`_Izgfey
zR^K|lIrHax<<@%3sQ22>zTjyBr(-L2b?H(Xk3wtHw(hbZetx#U(<?7VrlYQNvj^$&
z>6a}!gN9#k?eErE8_g`P16YM~_Mon^)GY~eUtizRV>BHB&Q(apuZGRt)peOz90r5*
z78DnoGzOfXNCPD;^&NM%B=p8RJAgwzhME}(eH<Cm;o3pdAI?20S#OKfVE$2;v|}sU
zmh;2arX?h-I!P7GiOGE{r&C#v!Vc<L=%BThJ63XkW>89sn9{O=zwxgVG<y56nDDRE
zf10fzD#c%VyF3~L{cUJwj$H)<PQ&n`V$}R&y?!iH`7J-PciG*E{LDCcP7ytepV_@x
zXKp_5eaU$`{HvF<JaXx;T(Jz@b_etM5yF<Vx#_ll!fohX&7qmcu(%W_!1NuK%StY(
za#CGyH7^BEz>{{o<IQ4hY&;pDcC)j;E)P&>dZp%se7t+sd1eeH?5wQDy1Kevwm=p8
zbkmHg{~GAwG)kOQUJRko_5;x_40X-g9sg0cT_N2E0#wZSt6R*};Xj2TY_GVPU~bHr
zg8Xj${QSw7yzYP`%W`U+;G^kd`$eIXS%$}3eI+kNPwVDu{&ae#??r4Jt$y{tOZ^_Q
zy}e)|aahK4u`7R~&~vjDCpYtMl}~1UU1L75DbS_2*BSjLZF(6;D|l#`&I?n-oTLHq
zZ7!Wq-u)f`jjIy9=VM&A!otFUH{v@1C%+!}On?6TY59p5rXV)`vv<s9=iorPEFu6i
z7`+zUVmDEB`QGtbS<z^lp{Xlnwcjgo6Tfjv>i3aK=NP^5x~*g@(K>oE(Djtt6^rxp
z^Z&G072Qpuu?~pjBzBb8Ij(o%k<4PaldsyC6DT`*`HMtdYU}RVT*lu>8ys~6vuu-K
znC4R0oF?<39Q@pJed|J^`sOP{kXKWGthn)9&&xVpWMD7C^5QzdwG!Gmxo{=Nyjn~|
zMg|+G)#Vqr`Mo<VsX)`gwzSCW>?v~EOdOnFnQ;~+;4p(A;HOAI=N&(Rtc&!};`K^f
zG02^@I~nc1!Sm+hVy91oWrpM;3%ocB)`SH@A0Y%RsNCZAj{R)6+R6)(mZQ1{$r>TF
zE6J=*>I)sQjiX=tuQ&X~c#@LkZ~c&2vY+6}t5o<#>9Nl#lyKJ9R6JQ!(YP$<=M5x0
z#(I}X6h(_5z#y%X*Wc#x17J2G6t#s?YP<6lJn`$p&DLL(_4WhvSr`fL?ORgP(&bMZ
zBHOjVax+}fh#WF7gIias5P*<3Zl&8gS*1p6T&x64dIPPzGcWL~>P=i-l5NRGtw^Q~
zP&(b>n3<TKz9xLH_M<(#KJzWy@6EV4-@_#p-aQQ6qM_4hLe<z)sX|@v`&`%?#)@Oz
zzGldzm14h*LX)-cYR-Gs&(9`#VRFFMA=sxclt>2V>P&*|)K`Tyv4HX!t@je-;+}F$
zS4<Rq{Nzcg*Omz<)$01}wJ`fRp!xxa%aI7Z!tHFr7dAG3nh}e?Rrkb*aXXD^2eXM}
z7EW&!eVlp*DwNxooLV0uHm{zxu%JLW?QKPQdw%$;({guF#kaq#Dw=*qVuZX?gH`ra
z6zA^C^g1Q}$R3u*37I;4d!Njv{z)5WdYU_>9W?w^WSjhV&>gM>E!Ex!@~fqaI)1ix
zH+T$wAPn@q+-+}H8t$Oae&-<7;SJphZ|?&Nzr7JjH0p*PCzVgQ8N*gLeCxR9_R(LD
zQy{y)y3KbFGPG3S{7^ARf`vS#mVq2vivkh7dFAiJ*md&0+1cqn4T**wPCstiHz}%d
zz1!fSKeX#U6g-{EEu}6~Md17zJMaDHu#Goa-M+~T;@kkU=xEk|y;{rWH}5Og-5n{~
z2u6^5RN<C>YZ~s{lq5$Wz50MWXDqfyOhoi+XsGoh7V(6IUqwhHzE+?Fr3YzZ2Q9V7
z-x8sX(kU@9UX<t!v>s2|9!P%ZceHQ3?Mvs~!+}o5kY2YPgs0Tf+<?|bDJy9~?(&XM
zL|Zn!5Gs6G)#_RI6dhR#7S}Af-o0s6ic9+~?DF5`(~kjKcQ3YxIlT9Bimi$pS37gP
zr|*u*P5K?C>CPUhZNk~4wvO2*(-mR6?a8e(0P;l_6I8W>E-eDBor3p7iAo}Afh|PB
z+htP<L(NZvi2!)|-{GM(s5;pgQ=q1a*HJP-X&IVlF4>^^X->V8+++)mDXe<iOQAL=
z_f!T)2r3=x2XddG+O2?IkKkOIYTve@<K^(bRt^gbe~5R_)F2o=vZR5JF3{H1Kl<}p
z*XluY#m^SvnaUepXA)7JMi*zhQ8=ozvkAP0#q@t8ba{8ZFDG>8A8qwsSWD3ZDgo5`
z$QM@X2%W+;<L@uNO@C~s%a_0PY*V6l3#|OZyxN$B7XX?tu(5gGhG)MSnwW?L#!X96
zU8FNPQOH(@s}e$69%xt*s=1o5buQO)d*8BxTD8dcwmHo>?V+>A)!W(nb0gOtBA;_{
zoD!8yNX;3iq;2$vYCJn_yYoe&TBd~QSI%yxt{_&hiMAzFNwZTjIt%7^^q}zDMw432
z+*jTg`h?reX%<VlTmctfApz%&w@hAn5<ZQ%+}EtAXbTxJG6-p&nSOiN?7!3?^B{08
zl}>g)AW$s4offtm28hQW;4`JTNEp3jXk!gEOOLlLcAOZkc4i0AVu~dC%Pbi=d3Jq0
zGe%#=0Uo8{ZZ8I9wVF6cQ{=RAJt#9LW)JYEm!YeEG1!eFnUO)<)ZR4c)%s2ucV5tT
z;AMSyyk)qB{kcHxPDc&V8{$fCswK)8I@Y}u{<zmy@bh>@+x&2vAtOS4_L(UaTkMNt
zEebLA=TT_8i%RLW$?|(HoBFhnpo?HmKiLKS>mA4c-V8oC`h7~cb^epnL3)1%A6lS0
zRDWeOodj~|`$!G}oBwA=@Ptb84^ARr!RM!kx7jo%Y~xTF7C`9%8@AM$)c)IH+BIEJ
z91d6AoUGlO5P0_l;ll%R3eq4vl|EuT8c8eaaN|jVFjlF;TbNk^^6mbRymMwq2g7XN
zuU|FZA?zX5y~grQzU+206$CH!=bWCKG!KXE+vm?*_btT~cQ(g<rcZa83)$M9!)B%-
zLR%G>)dtV_g2Zd6$9`1V4(7#obac#s(K2<pZNc^LL^VYRr?eAQ&riU80zemwEY$g~
zRPL;W_zCa1vQu_cRaLRqGQglq&_TE$Fv8ikpCkzz9m&Wh<o+XiB4ToAy_x+OL3md#
znWewsDOUmj>==1#jgueWA+!2R!N~jK$~gniW8k0e&VsJZLZ7kly|SbyU6n3w1gMPk
zb(8~dh9@VDSRz{kZo~Lfmw^Ip4rT~dd8(d)qa%rfjS1oj^-F(27*Ws`AZt}7!=q5U
z(U>N_sUup!wJyD_*gv!KC#R1G;nG+0p;2<6N^H9aFp4}CpC0>a^QFr#Jw72)_+Py~
z{4M3D-Lo6o>87%K7L-dZLn%JOQh7(yeOk_kN!Ztn&9z{8q7AE^SltEd-dXIg4JqEf
z4eYD!`l-t?v9X`a%c)})YM@O0Z^VJg1Z=NG4_Y);2VoFucE&>${_hHivC%(L<)tJ^
zWDYH5Yw?BZ=V6i{w_te-66Oq#n=uD?f2iZmyHW&ae1H>V`#MoSyrQB)4^*SO>@@-f
zO4&<Cn&OYLuX%i$NdP{JFyN6rehf4C1nf@0x^{mm`mAa5uhXuIhG6UV$J@W)`+Hi#
zenfUAy3yIu1<ZAnJ^9s5!(nsKRzYVC;{_$eFwVR*7SB8XbsRq_z-u}h8hwJ0^pCci
zKYtQXzeh;Az@fE(Cr}Mn0>0~JP&o3dtE-*eg@1mI0weZAWM&EQR=CxfG4zeIopdv$
zJP8!+I}3d9;K2^?)HyLc<_*F@CN0p*a^OMrjgooZfjRy;8TN~kXh5$r_M2+)o1E^9
z@g)t(Jj~rwT1w41pf-NH(iP`iB*<TMk_(;ImDPXvhEb&vr?>c<waS0(ej&N|r=8-v
zMMUsOHES=HnaeQ_nUkLk+QAmFciWI9MXlq=$b~*Nf|?xz_Bx7tY~B+4^Nh$wF`66x
z<-k`}A2~-Wwfgt(S(Pn%#TqRkEPR!R_wkeyZ$G(=v5G?#QN>N9q0#Dqjo)y+UG+jp
z&zYeu3FDiK`fX*Gmk>N66lDQn!JpNFC~+k$02#;`45|ID>85+`>3_yZu@aI~N6I*t
z+ay+EQcl^Qr5y`C2iDNugx1E2a$JWvAg2=STyUFzoey|>`SJ5yHD)P%OLzUdQiHnP
zt1n$CagE!`e)EyWH47S#YW6lc{C0V#Bre`*%wKM@eAwDHvOvF~XvBsM#Q%17gYJA;
zTQMdroCSGuDWbO5sk-+eh|>+%Kh%cKx=kPC0kqKStEy8Q1r)su#vAW0cwo{Hzh{Ut
z9;*BPFf9j$HlRSigpL7gfdK##J;Cy`HAd;NUw%o%P%Dcr@7)t4<eDT6yYbt!I=Mx8
zZy$`2rc;rjs7c^M#Di#yE_q@crQ_QVGG@vLLdpi8mZ1$jeXl1sIWk6RHIeO&fzhnk
zcS0a4=KM76h2M|w>(iyor}gxGo0YkuM8%Ew{0An5qUeG3tD!yj{S5;i8sB;|h7oHt
zAcW%TL7nd(8cGs|-i7s4IbK%e=34c7jewHV1Lk8dKr!&bth@M9WYtqp@QC*4JX=|&
z8}HbhY;3&G^VHJH>f1RCf=IDSsc((y`N(5izm6u3u~Ots_ESKF)b;{W6gaYdTK-bt
zK}fOQ5<{a$1mCPL;X02@^zg8m%U`WXFaiaL{Xp$UqY&w>sSDh9Frz$)){v;#=zU0k
z8y%R^^fNL#?jL(*vXws_WM<CxEq1O857@Y6xNe0n<3P3a^(`B>^$)PNUZG!JYXFXc
z3;A2y`jFU&_Q;jBnsN?U5BODkH@7lg5Sw=yNQ=>1A5fEd7_x%4VF6PaiX7YJgIBM2
zybWE)?}BL5te)q99Re>gB*;?aSgCHual>;MC(@;+Z7j1-Er7Ltu_~(aEWmT@-?bc{
z`@*Tm1qVMD=bw@@61gl?Dk?n}AcLR*Wm#x+qhJ;Ri{pnhal>o_BTDt6t}A8xz-45j
z9)*!xrCXzyD}n9LLjRpA!1$%W<iHNBH@t%@SU<`*H)yRo!V_$Ppdu`ec8`@hF0%7E
z*>9a(r^zR;evbrJ!Z&mrfO(_kP9@@|-n8*#|Jk!4Qsws5JCLV+Jc^nN<@Fi*m2}C*
z%`}Q>qj>f2)6W~+KD=CGbqU3D@CoR&A0R9gwwYD5_8I8a9HI~v7thbEAOYcR!HPS+
zqXoxG-HTHa0?A5za&jUh@xiCH9-Ie>MZkLQKhWT$svQuDYL09VO=ZLK!{+JZ)>&|4
zjO1Z*R3rogp8B^8AO!NAk>1TIGee2fGZ}o}Lo{-VZLUPvt$I32XwOY2T24p{xJH2{
zWWo)5E@1Z0J1DYB^>zwOUh_G$?Lrvu<Ez=5N8irsa=#^i<9MA_P*63yLvjIp26u5Y
zhgC^6i*M{wK6g?u{~!wRd3~*erl(9X$Jfu#ZwuV^^XB8^W-*7+Z{0wEQ_K;Yl9{Nw
zBIh`%jPxHSQh<1$J3O7+&kOLp1xv<c=pq3<7#MhY^eTp(JZvT(V@eliYs^DJv(zfg
z_m!os6aBELfVJghDeRk*zTBGbKl7<w*&^fN*d!IA(rjObO4`pnycuu%5`t`b;;RUU
zQd7`0P>LWrtdIb3nEKBHVTJX+EQ2PSJzyz;eQ--dG+-@M*umz71ryp}E9l)}fCm}Z
zLcxf9c)Ky6ftvqA$AdE+|0;m^bRQ3{E;=knV&oc5tb?X??Ykoz?EH~_p7wWxlk$mF
zT;hnjTq!BHc*^{<Kq~BQv4{xL^Z<psvWIb%-W!Dj%kgv-@#f!;2)6t3wNiK~<1DVk
ztl^oNOn<cy!g~PlXzzQ$%7mw6aIW71F9Uv>3s-|Vj4vuCCcC17COJt;g9k<nU?Ffq
zhZ;&rNtNj{-2wV=A;hV@YA1^18E_1GbWvovI#TEik!II9u;eNVA2llL<>6z0S@%?{
z5}R~AjuQ;tomc*?9c8AtPdUuD@dUZb5aD<I%e9@wDEg9-FKbDF{qK6JqH+m`!xQIs
zXf(}4)CPBb8v%yFg>jFvrsct*_g%1oB|n<*3)syIFbfjBR_EvE`m`{v>>o>ZDGxiH
z!9)2&WaI44CNlXI_8u2oa)NU+nytsWF=m!<k7FjN&pN;`&1>d*KA;E$^a({34)kau
zUwL{0n@e}@7nF?@U)PU1kM$R5#!QPqS*B=^jX7W<RKA)BmnUKJj;%t&C4U~piHoZV
zQ7Kc0g{rvPd?7u*-Fn~P4mbw%jc+}EczC!`k|fS%8szSE=#GZy0fztFd$6_9DGcGW
zX>)D2^k0t+un<rH+0->jS`$$9^8;{SG-f)@>1+;1f36^q9r#@5Ud>tVs&21D%wE&-
z^721j)0;-1W?SbGa6<n5`*)R?xcClEF!N`jOPyP!L%z>;4X6QwkaL$9p1z4p@bWAh
ze8^*k5AQmJt*b3!jl;pHnLS@@L*YE)(e~?nT{;DXx++%!MHqIj+>M5--%nYe#q(8q
zb<#fvppw^Yy4&C9x`p)6LueJ3-N}CUZien3ysHd2I}=6I+5Ew=rR;)+Wh!>eJ*|>t
zXdErDz&X1L=QIrb`n3&%WcI>K0FjTyVg<lKuySG0`lqM6c{50{M>@AC^&SlA2{AP2
zA>}ex8DJ47v|%nrF9e@PPV)E9R>teqS5R<2@ifEMsVCB@y*xL779fYDui$;384BUV
ztR(8<66AmM$8_^`5sh<$59|2B%gwPnuo7oy=dD*9K-9+vwz<KpGfl8vdCbn&36`Jp
zjJmRv{8FuoEwq9f6Mq;nCmDcZ6|5WH&U(gUj$YP4aBfWZ%*~mB*|VOO4%#!&(gFc)
zND(zdbA~pGo%Hpdwzf7Y=y41xr;)r;l^G}Y7dxKo-(GBB>4bua(teiU_#I5PE~Po&
zC%||QCL4>}D+H98S<E9&x2{cXeAWl6B_TGhe^@KFO=nDlDg69tAD8K|7Gg}np@wD`
z4mhwPfTwl`kmZF)p7*~F2fJ=+e%X?S_Q<u)ib9SQI(mB34RfWvVjw}#w3HxnU{ej@
z;n)BD`$jIQnI-8m3*q7(EFq_fTLBx&9CP8Nq7n(5=ln3O)J=~7jcYi<gY0b1W+r2h
zg7a@(h?#T_e!MR#4sU=2xLPVoXg;Kl+bC!wKX^^4vOVlpy2f6$U1>TzKP3JY_c4&S
zZ%q_)!rfIiov`o=#nZQ)_9jCSc^U6?*3_&~BA`{=Iv>F-S4xrA=S#KHC=wAU8|Nl2
zsi{tT99(Fc>Pp)pZD?RXr{={yQPnH}i(XykOi+I1;bHaMGzPUBg~=`~yjk_J$tV&N
zAOXM=DdgkFk6ZXIzIDeYyx~2;{yaM?#Rm%xBsBJRr>^Ff6!%ohpT_%wQOXsVNQFj9
zp-WmKsguce-I_0OP2Gmhwq|2Pt62JgGSZSW`3C_fVQWRy{g{(eV4S=O!eVbPBm?CZ
zI#s%=e?^Xgxq|rl*Jpa=11*j-yspwki2{Lp>XW{>=FUNyW3tK1w8wBF`l({wPW;lE
z`8S1aza~<uo*yhtR6AdWN1F9Sf<uOnk>`)=Bry?<uMb}uDJvq5zZMmd^6D0=N<Tq*
zNyfMXvWOyQt@tJ+dG&?+xk(~zz2T*69?hGnDbdl_-=r3daIP7<-ZJ?WRaG&7@aRtm
zZr*(S8o8k(QNi`rrIoUZP6crx^ZDt(<hdB)d*2*2I%D?|wf7J7_zresV#rM(RQw7c
zewwepQ;?&L>(Yw8T${L~*ZlH=zF)S^gVfsSXp6$q)YVM1>2m4B2ZbUz`Yt$sG++IE
zMy7Dh0ze)dzTP*LOTZ?%rc#kX0Fm@AE)H7#1D4HV(Bvn1@7{opNf0I`QfXYQfO*8r
zT-j%C>5uP87j&wc1wA)lfDD`j7HqqeAK5a`O-)VB(92YiXG1r-%1Dv>;q8O;<S`3T
zV^t4yw6q4AJ=TXyk0TFefRW(XUv@?wvvrst9yK>Ovgsww=l1YPH9bXT@@x~Xb9=ED
zHhTZduiP+yUofw;*Q{i`j(2Cj1EqbVSkC{xEFUu!pLgvnL6ciB{(Y>&N8j~*Z0yR=
zJ`=x4O2f~PtuuH`Tz`Rk6wva4GA4ed61mwFe<>*`p^VG4eky;kzb}lZToJ?~<4p-{
zR@=VMQ*zrAgN%&tKYM>&38H86fOJs1!m}vIZv3Pr1?1Hwee~lkH(?pKhtHo6?jm5&
zS1i^aZPDupOV*%DNOFN)G>Y&098;Etv_ZsT>K$bSL9!JGT_gw1jaJA%d<h;HE2fTE
zJ`A&Y;4Py8_ImT$tikt#n3$LjaF&BIXhlu*;%5x(C-t=w>+iDG#x&Z&{=^O5cDhhD
zd)_weM1-r2ji)U>l9e*95QyDQ_Rh|kpOwPDPy(ddXT=n{6OkB_H~V{GP^{J?Iu%A?
z$7D3CvX`Hu<T6Ic=6A|%t1{U@-||LP!613x5qdo*4Y=%L01~aG1@@vAR~C?xS;fWV
zt8A8eS_U+a&O4`B5X%|k5m0zBp@FoBliKA|W8*0<Cq+J0Fu@K3DNC$iExgLn8Gw8S
z$kllWa|R;Pg&DzT*1KNw?dyIJ9hPJ3z5WFhiNnNW9vUY6U-w|KV^!y$tn>q?n*3i+
zs0KRg*U{gNf4`7G#O7B<!;jnHu;7q{TV{R5##S{3RBY}n6c`6Y#q>>`XDmp_fdgDq
zS62I8@}~&GNM$A8WKd+ugA#T7@>!g-^Q7eB{kU08Z^U6W)-zTY7xwaB-r-j-@hza2
zJ3(GcC{5(W>%9TYUX|6=a*HpGYJp*?ggQ=TphuZ20cee$yqqvMO+LCu&d!3#0>)As
zBSboEK^*UzeeG<QNZPnhzpb>yC%Pjzfx<D3KWnk6`1n3;I3jtpYAPF(4~`tTd3hb~
zJki}pFQ3VNppT=1a9@+?hxdqoxd-q)9<-LC1?X9m;1tk7?Zv=3br3}ki{F<h<#w52
zamy^n67~scKbwj5Cl%P(CjDYJRYhbbP24)r5--yes3|occE&nTEky%3Vu2MhNwPaj
z*xFl|q>D}C$o1%{Kb#G_JT0L`E?IH0of%UPmsokpqD?c;wip6D4cCU=gR#yIoZb-h
z63$5n>WoYqP|pV)u{y{r-iex8-y`8p_O(jieY?a&%S(9|pM4>iJzX#MI&!w-L1Djm
z`ib=?41Pd!pjy+=+3gpDd1`k`_5P|NA27Gvgs||!_DsWUh_24BK#}KPQD<<b=*KIw
z-(E_vOh?j0(#a&xTW5~GyF<%&EIyNw=Hjrv-REoQAqG6zSRvV~1u@08y5S+T8LmuE
zLn9-)ddWllu;*3D0{qak#rwVo|MddQao^cK-Cc3Cn26}}ZzR5&<9SnF@5~(*DSQby
zF&;-P8(7DNL>9A!IBGm7#>AlDJ^f_g8|;8l9vsaRhv0J4MgT#35#ZUwY4Asejbiw#
zq4-kO?-dbJ;(YjK=!k*d^+>%RKORktU_A#eNQ=SgWK&mOuBVRJP_iyAE-nFZWCsTI
zG0UrKBm8TIY-}wn$^^XJLHEB~0DkU4rUCp!8lLRrMc%A$P{?9r6)&xyIDJ*-`Z|o_
zb={O<Viraj;srVKH8h-H)oUSR2)FUv<xWHF6=!A5?SnCucj%~9@L)Etn*X=GNOtYv
zg@)SvK|M7%#32JJ*rJY1E!B;8PIPh1gFTGQ%-D<bzaNw<^ni8De5}lhaph|Pt30+d
zL;$ha<ll%K9ZT}HufuFQ*xTR4SK6tGaJx%M@;jov5UAgfe3~^oT<WtSf*{lIcHQj$
zKc@MoCohD&<INZXHAGG3y|&BKyt0ZuI6I0<kh@$+hcINOr&PNXqRy0%fi37*L}Ik!
zo|Q@}_<snj>UM7Sb!0k@BHqnjmU~U_#37e1FJ)GyQ#&lVtjbpXpT8_KyXlZ@qVOC|
zqbX0LNuU|Q_hnRZXI)qGp*Br(w)s-zg?!5{q2~Avt)IDn1v<Jdt1Rt3#T(V@SI#cl
z1+?6@RO3^nmog65lSUMJYY%0WUv5tBN%rme3Do~0|7`M40p+=utxN%?Xoha4jX$tc
z`KO%27O!5x&DIGYU)!fWPGdDT6~2*g9C$kdWdIsa0avJ{4;Zg*_{q)?f`bbhQKiOF
zrCZef!a7v9@Pbed#6L%@!D}jDgk%4^xv5^KekiZ89=IN@@s2TISKjBILJ}vQh5YMB
zKNIb*bJS4IE5c5$1;xnUazV{(UFOl;x<jR0rewi%9r6j>g0`j9cY&<(ZBkbmmevr~
zK|7u-a%8}GmQ_13N2yuZ!I7H?%w1kGY?q=?#%UJdS|d{{5io|uE%Jkt2{ukn!yZJ%
z0?c99WK*kA=eM_>nF_yYG7cSkzk=ueyWvZbvbD9f1s`2KTG*2?=*~@#!VC&R&zOO1
zhNn})G;}sDv^Fl%qBIf`H~yAqhI=xH{difZBN|N^-Dj6|A4&+m2F*eXzP%~E%lx<v
z8KpM<X(tgE@BxEqo-ViU(`_)>5|50C2mm6zFIFUG%)8S0ZiHLr^wH&cIZZz6gBaSc
zWfT>RN9Z5mmEIVG$j2m5f^CA8Ggl-s6P)vVWLx_l0V^fYdYcG=&?wf@5G@^VNexMS
zRx#%y?VcuI*1KL-8T4C<lJ{CW-YxQNWfDh9nJQY?S{PjbBjubbv7<hEjm8+NMbdBX
zCUF;>4w}y6iO6~{1&4D++i+4vQbj)&mXJUJyS*gNJ|zmx5_hbf5^c6FFF8Lx8SaUA
zMIK~-tA}|&0USRSUpf2#Xu1lZsM@x@bjQ*SyL3r60@58KCEXw$($Xyr(xIe;q)0c?
zA)s_hOAFG-|M-6MI}C#}I}CgFId@!j2+w@(#Rv39yk}y9>wl6}jKDu$$Z8ssJoB|D
z$}beoP5AE8iGdKOvB1r3HP~H?<R3{j|5QJ?N9(R|@{O70g)Jc=q3NYxhbibMSKaSx
zOu=&2y?c%Vx!$4JMZB&lm|L%&yej&v=qy`G>0<dR|4#(IrF8Tk*$XPm!y6y*ztSv3
zDL4|~gp4G?i;*F8;mxuxdYS0L=T<k*hxs?5T$l0GF+DLPX?px0>gx$~tZyH_m;_Ce
zXxVN2`BwTD(dm{|YEMj1<+;Y2_)b3!S?ho3BiM&Unh0F%?M2@5Txu1GBr77z$hbEc
z!RvUzF2?fYNo3!dO;|YGmdx4quS*hZoTbtk@?}EWo?5w+i;HA?O^rrVSH9I>pk$qa
z1Q?*ZIkGj-tV{?~RP@??#4M_Nh5DM<T-b4Ee^6E`Ml6!R8@sdgk*rc<f@P1^wJ=Bn
z7Aj^mFI4ZUl@gr|xgR+A6BrsTVgHRU#bcstgse^P#K=F&srkmX@p|I5*ax=hGKRcs
z5;|#2*Z@L%zldo~#V<d|0aAz*ZE<;=EL@46w@ED&j7LAfh4b5V&}F;c_r@H@Rth!P
zJy9s2>Z8{XIX$)Xud_8fb@Bk7K(|HvvW>%r$$^{Q0=$e-YajIwI53I74*kqDNejtL
zXWxo=mhX)p)&!uR&h8#sPr4k7!Ht>8b4daHaWD>*eh;L5$<ZQDV;KmPE`PeWXqrCm
zEJZX0)-dwI5X@Z1;?<UZc@9S43n7Q~oMe$bU;X*VZ<0tlAdAQA1>3}~r=4AS-ZO_4
z{+GW>HTQ?(<CizwC=r)d_7;8(q_0HaW2L3_b9Bw{AKh{qei_@R+y3K6%UI}5k+-`?
zoO-?ZuFbqj$%)+<9ijao^(ZqpOYGn!IuzkleD{704Mm}AjSEE~M%F^Kez*YH+S<B+
zu5k0uKuvppNP_OobDmV@eDXoG>f=FbN!spF%1cXkcfSc=Z~y>B;B(r8<~C>S{R}-s
zz+qNOXLrJgQ5XHIFaL|H1^hE({5mK5dsYSrw*b=pzDwk%cQil;@Qa5%{{?WaxKTpM
zvsn+<x@du($tHp!S+PD7D4u(JrRN<RP`!~u5(Yx%{5Q76P!fc_4%x%LE!^$qo>0@!
z1P*Q0{*L|k>487?QAO62f00flQdxt@Aw7O$%<^)x%JR}&=MMQ7d!MU_M_KXw{yKnC
zEE`>@qPQq!>J0n7$Hm6%-{=TVaj=tFW`KVu;Lq~=^T`9~f;?m|wBXaPYnNLlaUZ`R
zQgyf!;Ihh=qQKW9=8WdW#IFiMqAvlM`3@ZWAWAB#Wqx5{78M=vxymPHB@qC}0|e^3
zOQB7?9`mRd4sTk}GDtmB!pZow5~@H$Yj`T6TWu7BMjL?7$r-bRGr&wE<+vqiP?#rw
zdAuw9kixp+rZyu%3;Hk*Pq7?O!MO47-jmZaPwns9AI{hHjny(R6|!JD3R1q%dGla8
zKt?2oV2K@9ClaqHy!(y+=ueP<nhfwlgIN=NiRX8rG7`Lh{~iMFVF)DApQ7^Rr`L(s
z-nAI1d?+3XZWBU4clwD}q`3WGBcbV@Be$eAitBsr<crL{G%(fTNwCd$bEo>*(i9<o
zX{)DnTrS!H>m{m0sr{n$2Ti+O%C3dg)j(>?!@C&V>WhBY8Djrp1GVht^S{dXe|Zv*
zg`q!gAO1dNiUgl7gNuydZG*5$jdw{t1OuW_qg4X2CopVMaQ$oj2HnxbDC;5;htjnl
zs<8g|?qo2AIp0oLk5iO(Y${~0lalW9hMcib*?UCpJ6>*o_HN~8Rgh2xhy*6h5+cn$
zO8@dg*?CEQ?uYJY=n6ZlH+n>jwqy1H#5w}QWLX@~N(9X=73g+0k&H_8xKT(bC@3KJ
zp(cn`*^hTK0zdkz1+bh0kPB#A!T0C6V}!jM+&~At;nk*P@~VSlA8sqF2f`byGe4=1
z<h^Lao>^J>1ca~NoV)i9z+saA%(*O5=V(*^h*D;pz~M8l{YUJgjjgA`=X(!6f!eJ3
zD|^p`MY)bHUkuDw0-KE<xbEQY$pL~kNjnDz!%r+DQE|AdLKc0mn*@L6DI{!eo-Cjx
z@>eObu9k*7L_dK9@xX|HY+*_+Hi;xEdexFYaK!C5qXjB`kz4N72Z;+OHMN2PU=7Rl
zm=N*V$+E3=-&XEx8C%6r_@RNn;Exk7XxmmG9`cM;92$E^#ex!rWcBT{aep^G7fj-Y
z*=|MyVzB{7hiV$i&DXzihVo`m)eETIVOt*J7m3_mohWeF=m$O-ejbeuE*%R8NBGSC
zzps$h-1LK`Bd_@*ujZA<g@<W=96mn2%&e@Qiwpi<^My%4Js?aCSvnd>DU4B#vJibz
z);T06`(=AHBg19!vwckrY?}k11W`u|4ZF6opZ#E^eB%Oq!Zu&gMRS;YIHn2KKQ-sM
z<@#OIB^Zmu?F#yyPU6sv$)+rs!3%lee%%Lu{#yC@-A3k#c~3y3I7se<Egi|B)aIVz
zq}`?kTmzCq&1cn{@@^(qEEO3;yOA%FhH~Z6>rlbCpvXWjpKfVLRWNx)5Zt#zp-r@2
z=fA?jnaq{yS!j=F+bJ1cW~%s5SXEw*!PR*UXJca{m>{nE6pd|!&@-q_qrkM0d%9eC
z<a1lXb~rB*tH=<#xcIW_Wh3Tpt_LpY8aRohX9)fBC*gvB^f*3yU%eJm+uSGh^uB8X
z9CrzpXkE;8fJ6cQPhxns*gLfDu`%o~E^E#<`YCd~WMQM*p-V@Rqua`c>6UCFEXwK{
z8ldt%k6jfR;5Fq`*KZV?G0&XnoPu9m%>7CroWkr{>l*G)a!&xWUR$ZX5Ee{AP4;||
z(N=XmsU%g{Ya5-S(u(!eFe`@pe)ApU^)BjU`^e`Ae6I3}+hd?4J%X(N@f(fVbNOaq
zI2O?xEYmR~?EHfv!GtF!+uc{glqGjEdqy>4cU5XD_pzj==EO0zFGZ0dMF{qT5o=~@
zN~=#~O-^)aNa2(2>86Xa-l3<*)#LGCqv@W;(oIe4FScdh-8`l7?TtUthaIRlnouU>
z(<L+;fLg9Z<+WW-iVW_1{;VH;(l^)j_qC7s?Nd)kaFnU6=V>L@2ua7EAb9g`Pm8}Q
z28>@v2g@JuaxECdHvyexklgn|p#1>C8AdU_Lo0(gW<%9#^n{3%wC~7ka-oYS1KiV@
zxw-xQ{o$ULlL)^mv0P^{W=CzP^Emq1b146{-7?U2nN_h_%Y<v8UU<;g<GaEG$gKgE
z!YvMDjLxjij23od2~h==QYT-w{CO~7ml&`odj|)1Xb_Nd@J^H}Au48XFQQ*lmuj$n
zhdX^%UegdNqvnhK^$E_`CkfJMK{Lz4<dNX3oIG;BHWd6oh?^JO=RA(B2hqP<L2W0<
z^?zUrp9hNNKi)DRNu?jz-G3WqKm_iL3@{BhtzPd|yR8>`U@Pk~zO`|WwcJ+fAe+zV
zH1?I#I{j5y^D{{XyVA~-S>jR~oHu1daT{)l4;w!#y*7t!Qz{(+Ez?W;_Y{rF|FACd
z9GO<mbFHk0-i0rUf9onJb|am3pQ|-yX!q(a>|C@w2J|qMm_0pt4^%WX9xw!xG?2Hg
zB&4JefNLtFbKdYno`IkTs5SuCWz99rA*U0Jmxr~rucDbTOpf-K+Hsb8H@B+{oDhU_
z_y{$a?-dZ1)n%)#5@CqxO{(jk>Cv=wIfMpx-gd3UOG+3=)D3T~ew2<T3$6rU#w5b~
zhK3pH#KEAfk4M^~&F6eeZi;VTHyEF^cOiBKRgKvx8`I&}nuxZ_!iOow94;A#Mae8}
zDdK4x1}xaav0Wcc<!9KW5F1L~O5RQ-rsUV88{yiRrVm6<j}F;U*#?^VPa`rw4p-Vp
z%ksP^XoBwD`h5G9H$Ju^jU{`&gF@bS4)}CMd8`W75N0dd+Lq-+ciQtaQ^Z^N%u5f*
zi$u=s%NiR~0~9B=zP`Slm@dSCJ})*F6M$}oA3h)ev`?g9Kg*?Gz^v_}+K*DUpK!9C
z1US~!L6tFtw>n55S{XhN&6+e5lXh7)5z&z<D$Focx0$iea!{(gl7KEi?!WJzzrlb2
zMKcrNUi<~r+T_vAU;XlUZ`$M#$9O8hScRUcCs+sQ-(m_@>6dB8$Iisv<$jyvf3R^H
ze{Ux{|Gm%bOFIz1UJqLrU-*L)_UTZ5>s8^!pkxysms4ht{3?(EKWSb^ytra!iDzb}
zde;=T@LFwqP5w>j6#=x7=?!mc%;2Ue#7w`HkDD6;t1`Sz`vgAwqLvnNpk8(1^-~g%
zj=m0Y7w^LV3Ak|TYd`$%H@W8u!n+#iuvw%%sPqLEY}!P~SYJOHz=?BT_4w4h7zP}d
z-tD80F;8)(@Gxn6uXWd3k7i?HVHF^phFB%Cz8-Yz8TLO-_CAs=QHV`^`*nX^xXT}s
zk^2QJ0wreYg39jX!t|d(wKqh-hJ~m#H97%bTKwIr-6K$-<=P%NGAczmf(AKEc9Vk(
z<FPU`TUUg${h*XQM!%U>6ylpg6hBLhFEw&7GlOt-ToBAw8Kiy>*wIHQIh6(7uT-S|
z`|r_5p#;gt*Biu40K0F#|2=v(Z<$E0VfAF5-C53RvIIYXf5Z2nf}AMgy?txtw<;nS
zuwWWO0;cUIfL6f9rpoX#EuM&&_(OX;m6!joMSFCZaPTLH$wsb=CJ`g@d)n?<5J7{6
z<?8h7@UUu@|C0&27FW0(L!ml^9ifV@Fs-~)Fb4<d^Y!bkFo2YmhnE+w(#WU!cx-@#
z;;`R4K<Qtn&vBK*Qx*-zUuU(MWBS7WYQM~*JD=%a=AN{I$U4cC7UiWL`wXwxzif0e
zzp8uP#J3SJF#kiMpoRe-WNrqNpd$++3YP;5Q~><et5wJ(Z0S=ThJh(mP75~J|G8Qu
zo(Kk(NBLys)Ytoh6ylez|1O{ZU@J66+;Z`c^asspI0NJ(Bkcq$l$V6`dKQlmD>TOE
z{%r8<Vn$>0dNWZdSK$?oqjiC_=jkZMWI3DEYZUXj;Nzbx?4xxtdxG$3HP&zZIKW9~
z6Uo5SedJXHt`_d#&jzV*{2AE`j^H5oi30Pu4t#WECKB51AYdFMhj2sI*IdXgKs{8^
z(RrHY5y%ish)~5;C}-f!H=wDjiwZmspa)^&;i>TO%E(%FchhMaX6-AE(U+2U1vm*V
zeOCHlB|uG0P3kcbWPY)5E)N!SpA#jdkCnCg3&~k&t((pF#!F{cr0liF)_s9tXg5;+
z{%!w?JU4DLHO-#y?I1AzdyresAquln*E!R=(otEn)EYMQAwa*qq@5KggB5O(B7u~J
z6x8BrE3I&R=Dk0|?(-N?oJ}wMq*3V(sS8X^d%o8DU)}Q}XLS&c)lrGpv#LQ$(j}kj
z#{E4y_pZ)=Yv|G;@BtkI5_{muqKzk$<NIV|Ir3%ilRODK>FBD_@C(0=GW;pu|4Q=*
zdtP7W88CPOgsyj6xz#$GW{F?z?rkB<qtMf*9nK&MGfUZR8;t3E!Q+s>5D2(<Uvtkl
zb##tUT``0E>_WzAV$ebS0wW_M88!9SZ{NO&FX|{h|GEluh)J5tJfm;I@BN*}D<&!`
z@m1teo%h6PAo#d1($#$qpNOe}c08B|)bgvMcK%q&zeSjC<JXh@WNll)_`c-0=*f`J
zNETa2CN)iA(GzH=&M?_I>63jIxlJj%GNe&XNA;O0D;8;8phTMk#nGUaClcJbsKw~^
z&sy8seuRXCSY8Zd+>udTE+3+0vU3k&s*YzGKH-&+kT|hS>-FA=L%$i)j!_9u***z+
z6tl6hS@&d;DErldyEujgiIa=FrHFhK59^9A$vi4ZBUV=Q_HJsmoy<QW9|t9ZjM_M0
zr`&3Td!W{8n7~IoA0?*-9fm5rdsSZHSF?5!M1#drDHx{7!jHTDh#T+$tVSkUX$=wh
zy9mNr(K`>~9^8EO#l^_r2><@$$a}}JV@({x91!zz;Zr(*^_--mDN|Z9h=~WzI<>FN
z>_4f}j3XO&@^G*w{1giM)Ti1n+?T;~`K)G6j2Q3)eg}ZFzCgN04R-PL^!#p@?ZpqJ
zmXmb|$ETKk(eRB7=>a931lAEhkku1c_XP64!Sxx~0<0$UpGHBol2?7^M&xwbl~SZw
z#W8@(v(%)a)aLJ`yYj|xbbNpi&Qvjpt}AlB&##cQJQo`q)Je%ladlBvw-Wq@Mz9Vb
zEM90wp2x-IM-SCGF4RY^t^&cA@J_A6Ts1qfoPjgH?ONw|t2|{Ad2@4EMP;RV!@|y+
zDtu}Dsm<JTT9DBB*B-=IiRh(LVMcf%Uh@RgHhup5V$t!-TjAXk+c;{0H4oO<(25E+
z5JCA*^jSYxuB5LPj;(-A+rs>O<(Mvtu3*v|E!ZI?tNpVV#fjK!yjV<+<1g>@_~*vf
zEq9#<xoDlc_lnQlQ=%nSXJ@}K1F4moOTya88q#_Qk}1SyWeNa@FZtCfE#iDF>N2CE
z598{>95QPToTN}nWV{MljUj)nq=9-<_O~E7Vrtk2s(6M^<c2)^Fk3YZ4K02N9Q^vV
z^9H+Ihpv$Z-pPjpElJ?+z(PXuF1^Uj5pq#i4o8MG?)A#WBthQWzht+Gm*5>4dB<+N
z;W}SCwGDKZrDfKr%1mZ){{S^c#`CTqbeK)_UPf%;@+#;MXb`aGu_jJAegW4PubUcj
ztPg&Ifz5O?t`3i23Rud(N(x%*zuWNd!<}`ES9VrDf(<-)1}^_a+x&s{1$y$Ce^6v*
z2E@1bL!Zws^p4ZUF0JE5x}4j#??dw)7Y-SffS|NC(e@5diL8LX`L99!uH-j@twtnM
zmm*N?A7nqfSMyYgS<NwWmxXu^rGxE9HZaaGmHq<t1&aO;*2ewM(kNzLw1ChcVZeTZ
zJU|9i{T;QISh#9#{N)k)7?DicCkOT3C#%J~^`QcEjf<}8GVy0e={&PZ7br8pS7e|f
z+bS7{j|jF!AwGs-1kl^-Jol%4v67^tc_5~VgPZ@fiNC@Stt6(GmhOO3@K*NOvuAmw
z_H*bk!O1JCl9CerR!@62KSyN(ZtD*nar@DoEYh+qQ&$XMKQ}f$K$Osv;*ckv26CxO
zDq|)s$d`*HuurapjMUrpw!{|RHy0IcQkS<1LO;z>F4cL@<_=WgBRJvQGA>A?vq~#7
zq{Nx8v^6wN=@f}B5($4Y?n&~>`~-y{K{wjZvEN8O9{_%e7%;G)P>+5uB~nOzslS1-
zF8=4K>h5l~ie_$P<oU-6?#`8g%`=oM31wm+Ca?y#di)OPI`kxOvxrl+AfTLrdZzhf
zODHBBpAXXcsp6FiFp~cciF>B<Pvuk&Lf34;?T*l_iGDT`kf5hS3|{}Sq5?6sLSZqp
zUUB<Q^?PKq&3uYwSj>jiKlXq<w$LcYF28T!tcTBQV@Sqoa@O(dQQT&1gZKMsOAc9r
z<PniaV?#s3im_`?ImLLSH)2(JIQx8iSW2=#K+XTd6iE-zmm2zlDo%OuG9JhZ-lKXA
z$5(Zs;=jxrM}=>n@NQ?5n)qylCNdi8GVJXa5>bVWjC?n&($%B173?J55ubK#AHpFL
z#{N1TQQptWK=SrYWVG@ha3O>vqc~@WIQu?U#70J<f=<NbBtajJpL=dfpk)Z&xTA(f
z;=4z?mvs2eTtFSkRCt96+j-}v3&N~QOPPeJW=+OQu_~jJHnlO-CIqvg3SZXGZzSYp
zP1X1(!F#mab&9HS8wvl&@U{p1x4yyaeZNz?l9H@-TwN5{ot<57t+a^b^um#Y*S#EU
zbr|f`|Gn2zdO5|n&t#(rl8@IqigY>|rg7?i&OP3N;bhRhEH8cb07wKjM%ZhNPS0H8
zgec7uhyjFcqM0a8PeHN6+{rtL2^oNE`DXnUw&W<vN&>@EdbET&zpamt{^c+qv}`5@
z{Pjd6BusDO067Eep8_{{1_~kqd)rYbF%SSg;$x%gAvCL^*D)_39eIgSP*Q3c<*r=y
z8ZqR46N5>T<?#mMIb>hfgQ+AJ%oW~Pu)s9C{3Y^1;@v~pKLl^v6@Ld4cvEHMwGgUD
z*$5{_r-N72%^#?#s<yL*f8#W)YZXybXgKp%NVig9NKu6mGr#R26C1N@FH*CSE~UQQ
z`8w3p_29&!d>eSuwCq0GE*sa>Q{T)*K^**j0lAk@L!8ID4CI~+()b_VOPiO_m5jNn
ze@&^H2)`$Q?ssZh)RD<6Sc~Ku02BKA4<F1Ww&w`5OO3&Xng|qA{;<5dZDDbI^!w*J
zIyI&CYxvR(C9d29n%dfYHE}PLEM!ZOxMQX;9#j=!{W~D<!k8&Cl?SYXZ17tgD7nN%
zTC3&tbsIRq^e96{MfDu9cm*wlf<JuvQleKk&u^+<jy0~D8Sya(zI~h2xZSYB?}wlK
zzqu5U8ei9Q4_f0sVt!lXFeTXE9mkq~$FBGD%aXIo=({H!7tf8{hZ*0Bt6V;5&U*Pa
z>@3f1fSgtAglCYd;r-Z1Sm;L@74h3H75Gcu6RgtciHQk8SU>T9BNZ%Mhaqh2xq(5<
zuV24z(o7{s$P9sB^ca~=TPO8>S(z;_Xg$f%x(L?_^@G0RG~a*x7?wz8h5JhyKUZKV
zwP30^p;DDSP{n2j^q?mP!YLh;{MeDC?dSELh?u5s?);u?N*@1<2)B)4B*hCTQ+V_E
z?)fMEvBtPD`!9I&Jk(!~JF?O3GIsb0Vi>UMj`J2;J@;@v^Rw12jbVQ+jBZ*AsWxsS
z(KCJXTA9nE7lV1dy6yPoeT)yumBsVFMN7uujk9oZX$;%Xf!Dp?ROFe3zI}V)(jpxl
z_rp)VXo?G(eB35U5Mve)usoK;fdT#S<qHXj|17^ji?gi;-T>PRa2m^mTJIUSM`NU;
z*(30kI);p&kb(nj-Y|?eCTEF2?C#UsoGpc(d<C}xV-+YqPobOw*}I;u0efS4r$j2}
z4Mw|3=@_}LAKk<(;O>amz=k>(I{KPlZH5@u0+AN`v@$ujRLmvKJ5W(95)TGHK;C^O
zlim73>EKk~{fZ6?e{nu{?QsJyDB94ug^`h5kkr@{N)vd!k(SAdp5O74a4INJB4ae-
zpr$KuYS*aF;%l$*=<s|%x3zdK6gs_oF2Fai>cVg9>iVt9l>^HXq>bRPuqjvTN$v)O
z6|zL3A%@WQiRygXmj=L30irNbw`3~vuwV86YXL;MH(cM>)j_@50wZ%6c*YPDsrxnu
z;Kdac8d-!&JO9EF$7MZZr>Js9-1f=EwCMe%c5qI_EhI&=nF!Sma&vR<Z>4L@(=ad;
zJt*j-9Hp{Be@q#plT*an_y@8nHrX3n<^_mkhD4v_p5MuaPX=B#`0Ra%+Hs0?Px|@O
zBH+Y-t*_&16)S^Xpo2=z(O-EYm1K2V_ZMHm4R(U~^nA%8fT=@FAAad!k%q=E8GZOB
z1;VoRKq~Px4n!Me_g=n;V<;<&TveUPNLG;~q@u#k(J_1`>)W#{I&YB6M(^+M|JvVN
zX-9*bY?%TbxfNi&vG~371_+NgZNx<S{>g1*nCJI;%*fol<po=e;d@8>`@=u+7QTWg
zLJjk{HxqWa&{HtpzAs;dd+n2ipf|5?J!Mf_&*Ti(KRCZhFc=a5ynm%M`U;l5NjU!y
zn4sV<Eua54go!?XU5_tskOcYmqTr<mks4tp#^|M$OT^%pzK>2z3$_J7iV}Sic-8i?
zvQp(&F4#}5zn4iw0B*|+B$BcUsIQ+Le)>&xKaQsd*5#{Z54=|nyC-M8WPNx+*D_RI
znIF7Ud6s<;w!O$7je+0E<&~fn;IIXtZ~E;L#zIxODk=b011qoEMq*;4#Y0BSxVpNc
ztl?n5lEaFSHnoh)gM}+z|I{Nw0q5p<v=QC0oKNXCqNTQazrcenJN&jXW+PJ_v{IDd
zHT>iazs)>_!@+u+mW6kT!qmY0RF4*SL3oMRE^%B9cuzm(V>&bmEdPsv5)n0Qxrkf;
zSGgWp7_7;PstU15v%Q+(j#X;$u8kjTDNb72@pMK_2T~F;YA;Up&h~SfEZ5#2o*_Z-
z`PQc-`d9(>-n<b>S!+3n+kXA??e&OWXDAj|JN_WGHx-ccxP8}B*jV<M{8}dYU@v|-
zZ#mx;B<bAoN0-AO#m|M1CQx8|SC!l&Ew<^)m!JD(1@aCK4%20IOGno~Y62tJtGO?1
zfc$p)b;iu~Q<Aq|cOD>}WIxZYnPU{MFrHH3TKe4{Jym5a-!Nk`=4I@Vj(!tYmkN}9
z8mj2yzpo$uc2!m^GKTxGPA!L(Ts)7?l|25=aA?aJbNh^7ik>MV1sc8Q46oqHZYUIR
zJCRayo-yJJOKpoJP&;ois?H&C4}|r1{Tc8A_lytaA44j|e|Sy`hAP)XsueCwHb*Pc
zNc-WZWO2d$uJDs)c=&$Sqt)%v3T<Cr*L>94s${rnfD7w{aEa&C-0*9k>oqek(_UZM
za6n9&jc1R&P(gR1l?_mkug=4UciK*zfGuVHot{aLUe~S8{W_YY6h|pnaDi(t#`RfZ
zP#kCrMEwm*KH?#5{FY;%R|Ee|d)cLLmhC3KY4*y6S%u6y3IatrgS9g}d=JGn9jqhS
ze}@>*_V@P}I^DNN2!S#45m9*1?ujKf81d#i--s1z?f=Tbmc_W++7XwB7vo#7QQ=BD
zSqPT`wwDW5=uJLe&Y8F#ntH|Hsg=GZ!CXxv?HYx(bVbp*FS&ny6G#qX(a%MMEFGT)
zkM2@zBJM41bXRyCq~H2e_UWG#h#lodvw>4dDd@7A+ktlnddNxb@oW+bRC;gr(odPi
zyxa~hFTdIBcr+`7k>p|(Al(<C=R6>j2vRRZZ-NCMUX;oxVmjRdqQ)$Gy$C<RxrnxD
zDIS0l#A4pZ{nXyeA?K5lv<|aX&und()g>Q1mwh(lefCQ-YC(c=8hR2w6y3=sRB7OZ
z2Oj2ELPQuZUxV`gAQUWKR$N2;Znel_O5WSd^vOd!J!YDiN#tfg`lJnZf&f@Q9>Mri
z{p?Q_?m<H2BgzoQ!~*FeH{w*j+l4yWix-_=bnNWy%aL8%{;RoD<!ylD*Biy;Ms2?;
zMwoxm*VXhi%m2u5BUi<P0*T;H#0w%h8yRH=0_|jt5t7hoPs(i_9gaZ8)3<9lOdKt<
z{2}ZTEySH)5IGzs&xz2He71C=ubq=bA6Fx63e_GsXJ8EB3WCqvXez}_z%<}c(?K$4
z;_u|Q8GQ+XJBu^-yaX_mcJ@avFE3Cz+a~@iD|l#pJ1I~)k=>v;`J$6iy$|rHZvfF=
z1Ra%UU_K+BsiGnl1WN%L7b$l%e@OmChOKDm1#e0-k(kTfvx<saBslLqR)PP$#EZ0%
zDsy%%6N<0H#$i4e5tu6?vKJHJ_nhC|-qI*uwolo4hV^Yk?`Itv7>8dlxeiHaraUBx
zOo1&dW-R<Ok$hGXF{>TpwOI;z!VDjkLsv632AlRdRmgS!n=IU3d>Wik1wm`kxbV}{
z(JWj9DR(ypzi|x>jhx@r>$yQ>!N+aDqF`ZR(Hp19fdc)|*(t$FNHKBa0_w#YJIc`E
z2Y~J~K?>CPYXG+_AQ0(v$^fZ&zSb*TsrVg_7X(#XOAY~q(wksPPToWJOFSUokJ(U_
z0zK|O(0}CAV2NE>Tv*6zHu#Nz8=&4<DnwJ;jGi@=iyHjjVp<9ZjS_TEgE}j>iTShU
z?$XsQ9FF{(IpqBNvbq?BPQro!{7~DPZ-lgMlv0=MUl*S9R;$&h2s1n9vS75WIA5n_
z!pVRXN1iY;szgaj^y8;b5i?oBNVy(=&%rQ?_sOv7Ne{ccg&;V4OR^Ucvggar-Y?^N
zf5%jaPlOX8lF`gH{UwpUhyXq{pyk2@Asd3QaC7o6qvacimRDfYV;D7Ka9zdl$GHn8
zn0l@@Q=L8O8-d@-xG<fIdMdD=GlLGZ68Rzv=OI2=P3Dw;^QI#;THJ4w*!r#5<9B`q
z22shLU)5`erpt03)Do|y_C_UqK9eq9q-NpLv&sgb`FNT<9h)JNaq0Cf+PvM)l14Yt
z(Rp|I9lvJIUli*5-{v(i_^IPr5-!O010;27mY=t&>DoJp6{k!3&#SvG*6?eaLSK-q
z>e}*q`LAzC+B?Ws-}}m}OgDJxzRR)u#CbiDzoX;fOGu<z`lMJOmytT(<r2e!@*8Wi
z%8r3VG3jWoFO7}F%>L^1QHNnW{JH}l8FHf80Hsc;hOGck)~5pGLwIN?V&6`f&h}0h
zQNE82cAd|q?P5vlb^i&S#lntI50tVMrKLE;j_}I%;`S`&E?ISU@ATteDmVoX>$%gX
zsdW&AAWiBre9ywk88KMYhIS#EUHSl=LjgoB7ds6sz?zAbdtShpt*5O`AOC9SeTl>j
zv^ZnK%`)O0Pr5g}c<zAHHg3g=|KGq#HJ#EyOh<4oeDv|bRrEsgSM*0|tuzfr|4t;_
zg;wO-PsS-nD&I(XN!|`SDgwO=1(-U~D=N~-;{BCLcjJtoS9R+McV*0M5e*LHZ>cn&
z6F?O_Pno31C~q^B0uD(VnAk;R1AdvKbMkE)hb98re6V;YA>rVyzjXBHGE{(Nav`1K
zcDPN53=CKmRKNJA^D!{Ua?Qv83Ctj#BE^s_K0u?G;;i!&iNqGZZ*5&Hj&_eqk5pAi
zGKsr=h6(Eh^pQpuX}o<vI#{n!o!AE366$<V;<jEdtK%?JWq*U5M1sat{HhT&7kStP
zZ7HXVdTKZ9F8JRVotzm;1mg@XwT~<(`$EL<s!G3f?NKrDsI8a}o_GtT?4X}9hd_L`
zi2LP(viG@n5~JY~m*;Utq7s)X!5WML-u-lh1X7E7wz8ho$$`wJAZXDpn<G_)7z|k;
zj*t8L9TFrQUjw)X-y#f|2IAI%SRIfI)hUI(A(Xuf-t2RWW;{DqP`x##<<eUeII7Jo
z1~gCgo51VZ7ehdPRwJaEC)?xs9JliFLc<2zu=rp#)wA-YT1c_t%;$p?5xt<Gpv-8`
z6{1hh>e>wqkro+$=_CKGeKA>z&}leJti_&q5zE_Au<mOo6g*Z~xW8n2fJg=0oAfgW
zW=xUE1~3=iNxn7u@$4rdUWkH;z@Kb!lI*!Pr^h67kxMf+i)qWRvBWeGTK;T4-jv+F
z4hA0Ca8Q!D(@!nE=y&gp_Cxb>fKw-tE%vtwEPO*<7G%dd3g#G?TMI;ew*FVG#W$ow
z6G(jZV#h@u;n4k7XWv*$VdoNl@zi#59jI{m==GEWx|?x*2TWualmoG=MILK64+@te
z{xSeeEQGv186XMs$d?K?x)+c*&1XC(;afT9*qE@j=xdV6xmS^|=KLuJ^cn);>7#Fv
z6ZXCZA@vp`6GG)2Pi>?a<_37Ep!1D$uGXz$jBfkJl2o0bxj7)0m6qbikBn`-_!sjT
z)z=K|#JA8ycXI|(Ky@h*Rp4K8h{-h~w^Vw!y(@+*w(d0INwoj<BM~JedJmc^%@YBH
z#(o3yU<+24beDV~cS(`no>!gVmX@(6=}*P|qg^!1gIvVQ10kFPq|NZL3^NtRT92l0
z->ewGldZ7o4O`{R;#lQv2$eBEckiI0O^Ee{N!~O1!ba!P7k@|FsjhcQ;`HeZxgPJ+
zFnkOh;}tHHF%64Pl;I5Q^3{vKg|2u%4NtEX((v0{@9r`|_<P3n-i5u^1wS(zl?=&I
z&`gO{(*T#s3*Gf_L+YGr02Tg)c&g_ywBsiwWcqF}5hn;u{FQ#h4bvBA(r^5Ia`OXn
zXeD?E&C_<FVBV(&8wAFvO9Va-yp<at-71IgofU%PYWs~4fXB*MVt>OrM4X!_pJZTZ
zYY#WN3@M1FBi<a&&?9qOEaSO5aFbzYlBJLv;dNIF=^N7YxZBIqPlY5)UHvk@-%xs3
zZHcQp0A;ajX=cW<Svz|ucVNvlSm%fjD~|t4$x0ohx3xhoatOg4TF2{q&%)wMpX>4C
zBUjdVIz`V;j%n3kkw$`rJDXe9YvXw8)%5SNNf{<>C_#Rnx~eUg^g7p<YAv%5CUk=C
zVxUJ{GMYjzDs!HP3f|btMs=Z}KM=%w_5rmbVfUj1@*!2Gzq&A@sw(1=*97J}$rdyg
zb`;z*M0U|&oxEW0eMk8k!3Q#nJ{2?eJI_Ung!t8n>n)jc(NdQjw=6NJlfJ5|JdkKQ
zgJ<|8P1${)?p0(1+rh9+`wC#=@>RXX3C@93YL0I}9R@c(*#)4!<4Ws~6x@pn#Hv#p
z(bx-K5$#|*qpr{4(Z4H*+JL3(g%(jCPPH~3?N}X-dCUUUtV9CyELYFa^)e@W^hYL|
zL{s$jCi&g}F{GH(TH<zYQI0N%(BD!@mq<IZ0L`n4tBPnukK@^NcTCSl(Rve4EqOCB
zT}&ffb8jZ6?59PuMLVg{{zM9~J29vc&+wLyxtbHz=~oT<Ng(a#tleq%zz;_Xo{ziu
z)VD9?QHI7Jx&=%TJ0B!(5sPX1in?bW5s&W$PU|KSc8w(b^D|75dW*Ug9IthYSMBua
z1aIm42X|an2^TB4q+<;{DJ!^0CT_OnH+ivm1@NH&EGM`O`Obe-4a^htsl6$gvcT-i
zVtMFp{+@f$Q84WtqxEIBchxCk^~G_eb*^m5JOo^rrF~Bml=q4*?H}0U5=xZ_=|?1f
zQkYxyMuwQ9c^z?eS3jVT(KK0#=7vfr`XX8)g3@0b%l6@!8VgY@*;5sRmE2O%5D^?p
z)yoK=Vk)KMgK<i8kZ8XMqxksZB3yi^ZSrDWp^4w}i1ZHncCv%S@U<drHt<E)g$1n2
z|8m^v2fy0-J}J|;>9m}uX0ic7g?H6qKgDTY?JM*gj*<kaOT=DZKaEa&lsxxi{&o7T
zs2eW`Lsr`=U4#eYe!Fg=1}=0Oavqq7*Y3hhwJj8q_Lb`vg;v3Fuj_-FWZnBsnI&wL
zDb5fnI?g|@{)vZWFK9a4V8{c5)+)U(K=^$^DB`AE0{&0?ww1pasnRK#aX{6cGk4HI
z8tkkQ55jHDz~uS-sXi7}_Xp~%1o#6sd4`3;3!U+t!(E_ucnx^3IWnDv+|Qy7P9|ea
zB(^{!Y_UYc{N?1e#p6euO>IHrqC!M51p_xC9369hoyqr~0x6tr-QSd+$3IykqY0{`
zO6Bw5QjFen1<aEw9lp=(p1AC1n(kjM1761smhO=~N1sbscdA6x$R3Y>bZ96+pZ|Y%
zeN`-lXvWdl$V=P#kt)xGS>op1k&k^}&ZxMCSUIxyS|`yZ(Ys(;tF`qd+T}}}QpJrC
zx|i1mc40D_m>QAKeZ+|j>7~wn4_>WrWZ)OvcNrk4S$(0MxWIN@GVWe0P+t>ZVhVY@
z;XGYddF-E)^ygvAu8#UCN{w|u$ogJQGGYGo2!F8?W$<&$+Bb4Br;>TWoTCT%>Jp$D
zUti9~+bS=vt>re4%)z%PSaI(9XQ!FfD&RneuAr|w?pZ}cp<rID^Vn7QKpLfs;zB$0
zb;hNcBT`i*ca|2PnVCryvJYwVK9R`b(Jd1)(V~c`;c*ExGUiv`TiF>H7?(S}YQula
zY-&Z4z<Wr;(S6*5*nawwl?*9;R@G8xNm#crv9I)HnNwH=I@Od&EV$Eovb_W#GEjnU
zKL~A}gA}^i`2=FstI0#A0H!kmIlx!I*{*H^05N2i)1sxsKu`$-&^=waW}H{$%vAMm
zbf1yWj>c&1uw+<<klM4EV1Y^_{ng}rzpC5Crlw%~%uW9mgpluE@7KwaHd*jn5Fjr(
zP&vPl_vf0$680a`)gu%``XN0CuIMyT_*&?k*wyh;vQ1L1h^#;G&&F=d9G5VbJr54M
zY))U{ola@sZFWg|5C(Mmzb7%pE;*%!FrKyI^8k4WT*8gZ$I9*9bYBtT9V$*l=jWKD
zIG(=ehd`q1X}rh_pl@TR+y%~Xd?5d)?=f?&Q8HKJm8HX<Kl<b60xw+pv(s$!1Y{Tj
z+5AlbtF9h~=a+x=l22R<-TajQoy!AV%$}wE=3o`o@PSE^HXo*m&nF_Ti!=)hQGrp`
ziIDL&%sO8^7|nwoN`i?*sHJY)`)=p>_+ENZg}UQyUb}!}QgBDzgXaZI|NR?SgqFcD
zX3xPP&Ge52GKPG~A^@`YI*xx6Z_IMt%<ykq+r{ufq2I@RPp@lEj(dBGtEHLy#M<Ji
zUp3&N*4H2scTyIA*_$8;K&8+SESf^Cr^T$N6}{_Pgvf3goDNAsoLtXf%t~g!IX@Sy
zl=`57dWl5)D1I6<iYR>Yxd!pViDiPmhl;(&(JA;R0*?@K0pc}_k0+mx6_U@jFM579
z2X4^Nd|ISOJ_)oQJg9;jp54HKkttA|l~q@*ZB+qa?5J^@+#Sa7>$7xD!@rZoNetv5
zl6`gK{N@RYYvyY1@89mSMOvz=TQwfFE2z0XvZY1bQ5$ZXfk|<7?fYmzn7oR(PVKi@
zjfhj(akH>PPhsh^ql1?p*od91fBW)4W1Pk3@GB58l@r-gJ&l%G8vOn8J4&#H9@VHJ
z)9I^^J`-+mcR*ubAvJ5CP-T}o@$;5pT<qGsEq$@!z)J$=J3uR&sRO9KzvAC?3PM{Z
z(AqgsuJ2zrUZ0#Cp;~r32?-UBrLuFmA&MlRdUT+f>Fjr;J;z}ar&ZqY#h=2#p9u<&
zzAE{X^1-RQtkby@;+v#Tb^Ujx`$H6D{Ljp{(t>b7CliP2)g(8PuyGp|J*F*%IMl&`
zfoV^J15Hg$NaCQSumbv&p^;HQkrGU)9x2`<kQn+D5V6W~uU`WMmIa=?%&(==Uss9X
zZT{Z{QtAs#67%!-H|68W{oG5|MufVPUirqdw)`fe<7!b?=<kK6&Im7Us=2%T*Ebq3
zHcO;<o`_omO8&gfb}Kn5?pJJ5_rVY9R=5>tMnEbUkH&ku8u^2|zA~d<^JTHQr}P}Q
z)PH@+UZK^}5E&N!0Wpi~c8j#8=Id=2ZK&FT?z#+Vx~*t#F`Xg1{(eSJY_)n91jOwR
z1+wVx>vb!;ATCUAQq(#z*Irh3`$VR`;dlC?Va3Ef5>6zodU<i-sPspmt+mxLuI`H5
zNRMKgg8;6qABjT;n27G%KL?)-AFZ`Ow1^4BHDiiufD9!05>QZV!z%-Vn^<SGGW+^J
zBTZ#?a=&vanU_X4-eiQYpIYBE_6QJaxt^>!xJ?$lF2w}s*m<?|vYRR4m%|Acovv~}
z)a{a6r_>m`#<>Gydr#bn7H6f)i3cxLRYU)qC6k&0oO0$>05~bJ)m<9TOXF+(by7O0
zty+oMi9F<LqH_;vkwn$~t&{X?+>xV#v}#MmOil<AYp#9j%kz|P3CSI<;x{9C=d%7)
zZ@jB|O_<P~J~*vQ5?G2f7~#f@fv;X+f~S_*z9^<l97KxhyEf?)d3+9>K?~rvFpvk<
zu3UV$9lwGW5r8DS_f><I2pa4@A|&vqVf=oZtkkq2yesY^I|L9U`sk0wF6}J?`m!Se
zUU;IXMUwpHn>!+JN>#1F2fh+iJ*a~4pxR>;WjD*Z<b!MM$X{JiQH}2VEq7qVCtjsK
z1B{0@snTGVA^E374^g>WstP@f3h{MDAf`&Zm`CKqcK3Y7`hYv+D@fw+kB`{At$wa*
zm$J=#mFeFRqZDF{6zS6Sd8n|W;+M@cL;yn60q&SlB@V?O*3SoM)TS(=6b3BdI2<Jl
z_K3ibbP*mP1B~N_JNXsy7|JWQU~j5CNn(;=ZgF${SZYFPaT^O^`v{)W925+Qapygc
z*wW_`bV=Wj7=4@PO<ttZKruXv0qg7&F=Y?GHWR0jB<vQEjs~g=QphrW_`G<*x%)F8
zGh-Z+!|}%a-Qk%ZJh<|aZw}YcHlu81JhHpJ9Ns2%GHqVcW|w~AVFeO=3oZ8&^ZYGN
z5b;@gF#AbGG=5k)E6D)oJh(*y+uh2o5ow{vi1e9o0;J%YR%)s7{fzh-$LV(u)&x!z
z<fgG!o0?zzyM9mKP{fIUh~E49!n6U5$x`TU`6jgbYBSsd?>?aB`AUPulWd0c7uZ<_
z=5-Wh(kmI7z!R|k0(Hk*V!0bW=)T}jQ5IQTJUmN~5NH#b$qTLwUjmvViC=4+1Gc4h
zWZ^&qKpjl|Oq1|`uJ{#jR=`~qRnpTWI8yXNzcxP(zjEDlmUodxuS<+RCYD~N1&>%j
zGCNfE4hDN&BZw4xOKzD#sAXArlZ%A+P(%@dLKVd^E@{c$#FuaxX^;HnAogy2G@Vnd
zzNzWzrUjMUl5+FRCp>zGL#Os1HI3*&A*a;}S$6raK*kQK4p9{XVec_u_W=cF3PQps
z<K_<XPW?J~YUbJi4f-&0@Q0?%+Yt_ZzM17V@dX!I*Oef1*KmPTsuSUPhV<DowmTKy
ziKPfypqC3ps4_H2kcZh?rlt<{E15s+$DF5Vo-H)lxnmYYXNM>AvhjdH2$=6NRL(n3
zuI_}gpot833+=w=^l^2QOnglsMgd?Nk#KLp=@(eJzM+lCiV(6a&z_G*Uit4VYIq5T
z1L9L%=iP(Ww!f}EU%s*$4?rG*K;L9~tdgN4SL30EP0}eL5I{gBy#t9%bHE<B2-J7c
z`0$P68vO1@|8@$o%WYfTwGlzfm3)tC!=tI08A6ozcQ=%^%_3?#3soZVG-y=y0NY@2
z+L|S-j<5&dYW(2l0m6N7v@SGRS@sy|Q4payEjs`5CLqWFkeo|ZF9~CklJD);Qs2}*
zul=bJx||WlGDi_h8cb}AqkG{Ne5geGr+2iwI)p#6QPCuTIC3GT+^T5Jm6{hkQ(`IS
zmjlJqT%@E({<p=2g}tsu=yftWKXTMC6;kK{eX|4!;K^zM5EKyMur51qnuIO%exUBQ
zA4IHh&bR$*@gf!n5?807iph9{KeZsg$^Ozql6`XRWPtWjE9*O7D85Bzw1h5rR`K%5
z)gv1bCg;cwKz{zzX|h~k>F9_-?)j(g^>a7!6%M!whr5JKcBhr*Upz>Lg7b-?e&*5<
zVhq63Rn!MZ#ew-(R@yZzfc^2-zr)R?{|sb;JOi`PsoxBx1;n^fwBU-kD9=Ep$<mz_
zEZ<^k@iI3oB*yNF(cPJ6;o4{=Z3@@^<O*hK893B<WFJT1OiAW3E5m@7<73DT1<`-q
zZbe(Yv)u<*+f7wNrD!MOxsg%sx8Y14FBt%W2YzQzey$9}E2z8oe8XcvBmr{2fJA3x
zu}U#VS@@{gfRKXyPjCQz-)3aa+cqH5Ms2X*K`@3+mtuPIZ+qn=u7sg9U!4qFOJTxj
zp6mR<?^+9*3s|IQ1iyXK3P@o9LT<_y&Rvy9UGV&Du#8>X_ok}beDhRrFDQ;cs|a)$
zYgbHAe7@m2*vj}(#*f>#o47P6eE{%2R!W{mW6IqAuU~8og+T;b#`S~T0|`HKA9v!{
z=;1OyU~GIaZA>kg{uvJ4)iz{1YLj(g@n26R+T`Gd_}mB(BEDoW-%J-~HNSICnBwX4
zj7`h1z=BOMP6th?scr?9Dwop1(=rYy5|ALmyNTdjNM?eHjJ6M?u(-hoaw$)tAWUg$
zdKwXQq7IXQETG`sta291cHpB{+R4Ne!;jg|Nk@m#pd^uYaDh;#bjUZ(8KakcIR3a`
zi?hV;y7R}eaN8_N#)m%%zkUH8hS614#{6k1>z`^3C)gVUhF!2B6dqe=ud=h!rac}z
z8}9GByNAO)0K@_aoi>}r#s(>z$%@l4M6iZjP&+Ge(+nrE2IgCUI((P*K4_w414)%3
zn{;w$A>=uh?k#cBo7biEN>7z>(o$+dzuT;^PLb8x7Wl$AiJ~yx3={qdBa$wb2@j~5
zY9@k_CV;1+wzPMQ{l6Aq+=fLsJOaOfn}<Ou0fdlsa)tZU;KR$~4CJ%`yc+{Dl;Se%
z#Het;&&?IJlvBL3ep?|i?o05_0%<5GFbSg00AG0>*2L4)K=*jB%7{7`w={tcD~;JZ
z1dxGoCc_i7u%1D3%M<k%Qx`)X#L*554NA$Fi<C?~nHx0*LVOuKUzE^4_=jP>G!EyV
z2p6~ePvK+_1fT}0Al~}}u=+f?@EMqQ0whHQ+F$<xyJ{ksHj+p}=+7I9_Y8T>+5WWz
zn!~%VBZlhE3@o!9OKTw?Yt$cK3to`v*+I3GvE~jA4)SC@D^`8L<7dX=Ha<xeB3WVs
zZ)K!M^d1_}4>y3((mfXtCun4r3LX<O!!(vnOImt*SAI6dS=Ng{y9gq-fR7xwl|l!f
zS}zbBhG8cjyalqq=Dv;VwwR4#Vzn7{L5fLhs5@BGO)%5RCZPWsvpV43OR+`+yB=L~
z&l}}E<e40Oyf&9!_U`hlqYX||^x38hfFRA9YzH8|VOEx<{Db?sRmKbMK>=|Xiv>Wm
zJ|3&I4G#$GA>|p^xp!4d*#W_)l?YNZ{G0BFnP2q?Sc5Uuk=R>NrT(5&6SPP%7NCs7
zzU+if`OPVJ$2GQTF##6V7HnyGBL@pdm#Hy|-Z~r&bpIWK!abo!Qt3F>*x#IlGAUaK
zAfiJ1*|Q#~bad3NNA9?d3~13Hg<lgOu4Q~rog~RDSy)-0Sz6MA>>n*7qx)NZ1GnQ?
z_3~hk$U4@CH8E&Mt=r}Rlu$;QJ+4msVnF;WPg=&7jVbLD^q_#&k#Et!*lruw0YYR>
z?9bu;d>|lEU2TSjJG<d{n-N{%+`)cs%4(i81w6Xt%x@D2D^eWo)h%;zSi_V4(+fH2
z-yP>{13g0Z`JGMS9xkQrOAJ``$>HJW%8Kmw%vQK83I<pqEl*HAg79^3+nLx9*>4cv
zx3|DD4XS6}ZhYUI4vOC=H}mM)c;YdlQm3OM;Q1skH_e0<D})Eg>xKKmqn&{Wgj|r7
zL5Zdgyp?2dfS<r`$%1{4h*)An!NV!}1qBNMX9UD`;8KLFI2-A{0*Q*jgPYGlyvxCE
zK;@7UG6!q@m!2P|vgUB4)OOad!0Em%jb5{QJ)OP$hO_F5)bga(O&3_%J;15pVu~on
z+P!Ck^?zKwRt-1rSQ9Sdn^Uy%>L&wIA_29T*Fz+Td#OA8t(LMcW>;4`zxTTW1~fvG
zk2+YE7XE9NvT{y1U438**{sO8hdbx)S!VPv;a$?f%`>$4dY=JicPWt(c|`<|Afheq
zXFo>d^)b>?Cc`uWXyJl}TA5fS^Mje1R=;0rhS|J-R@zEL*?@W7c7ZCOmRd58#Sp_W
z^roUBaI!y%;U)?^YuFpu(Yo9wf+ooLmcw&F%hP)PJTxW604hDh52EkDvI@T2WuwB7
zKO+e-4a^^ydbK_Lsj*USUzy-`e5H&N;*lWx4+r>%$cNDnbrYAjhzdy>hC}|g^fZr0
z;{Tii;giOx(%FOslTC=-_R`TaF+<-H9v0$hs5%1r(_Z26=|3lst7A_%V_jjaJVp`*
z4(l1@JFMEpj5fqu3#IiWoB@5(V9x*Hs^Or1f@FvZd9@jei-ER2H!4+=fHf;3Z<2$P
zpO~=ONa+uz{vE4i(DD5WZr=3m5iQ-`?q$6YDg|rNq_JLcv#+M%nXPEz_rmon=oeMm
zkip*6@Dv-F8gmi`;oZry-+sVvQ3+VlamBLIDr3<W&6KgwdwHM;Rpoofku616i_={W
z5O`W$qU{3+$>GyaESN-cKoR__;mt_w)`L~Q6xjF<v5*nDa>&$Q!V2l*26E!=F0DB`
z9-I#;r@#}Mq*d8tfAeJCo6UgJXVJ8z@q_=!6D~?E^%O$3*ImQMYcAs&#cqyj{$vVh
zO>khwS0_6EY!INR-G4#?m%q_RoCa1XLaL<eJ#?%%0lSm%C<MEWE?nbs_&46fO`ZJa
zkEus=s_NRvSL2$p;#ELOEew(IBa~meoZ{q(lsX<QhWO&whb+^gvUftCcwY+2OZMCL
z4L;#SVR>LHPDW=9j~*KvYtI}xz<^EgP-K9UQ&e2cphaTURcileX`z^MuK)u5OhK|c
zS8z@QzCjt2zHxXi<`NHKo`(i$x8o&MaKPfq)8{VTI`6j~C5IT4GrCs5H0L7C@_lNm
z4m@@IO%HIvf=TWftp6dd4#4Vxoy<$MEy8ETRJ|-S>Cr@TTDp@0v;XGL+Gi*Fl{qsn
z{47q%GH0lU{<&aN(&+hM4Mec;YIG$?T61?#A`b5Q;XYa5%i>3KW!X6lSY$MKAm94N
z)Zv85s9@%Sg=UWuAgT}O?v&GJgRtV>V2h7Zy$V>h2{=fn+_<39_dMl^zSfN%^1z?k
zMKI585vC1?2vXQeSFg2r*j8vOc-{fB(~4;ek*+Y@ASw4eN9IG4n`nq^Jp?3ca-*zQ
zf~=J%kOHW*k-F@$>R<^QMXd3Fb-;~!;d93U{nd*wWXQygxu5lIBk@MArxKn5`K=e3
zO#^7%XP+Avz)rCpSLclmQ{T-kU<&_;m@?|68XlBG=@$Q<ZQ&2q7fp)Fc$HGHu22S-
zc}C752?tb%tb~D8o}GnFb>-Z&dcz5OGh%KhkQN=*%H4K2mPnfN&uwVMWaT9-9qs)K
z$B!TPh?5pAzZSKRiKp8a_{+;aCG*_eq;PDBV{M7^&6rzps<O&Dsacoy`4Cp(9rWWl
zKO&0f3t2s_B}jVEtSzj3@8gWdE=*kB%6L3Kj<cpMd!efQ#1m35smC5J{K6%`&yPZU
zDd)8f3=HJ83)l^LUO<U^KMRTt2{3XU;vyr?iBTnhdshO_%$sSGl|38PAVBRE1IWAp
zfiW&XZ>x(NZLQ<C*|^=(g65(5aYhE+?Fv9?1J8YwtigV*0LoQPhsg;R<PsD1m$bV?
zzH2Q4KY=&givnxAMOMy!Omk0Hr%}g6b%uYXGYM#LXD1>r1VBac0UG(2s{e@qkh3td
zA^;>{3Hf{wUlZGDtojYv_4Wl3Uh~cqK1MjPRKu!BltQsoGPac@(b#LP(!L?TRt;gQ
ztK}RwdL>A=fo*OurQ{8C-VwD)Oc&KXh%ELz?;BH4{Nv=R@8F=D@zr1NW5>0xg>?vY
z80nndu|$l|I<)FJV$!zYqp>5Y)-9uq3G_?*T<X862Hmvs{eKgP{U1%&9ZvNdw~vv%
z$)3mFTej#ZnUTHcL1fQlWgc5u#|&9nAzO%yI99UvmJt%N-^cHLU)R-j`6ry``+Yv+
z{@kDY7N}X9_RuSwC|i85q_h12M<V2&w{`<+{`dyMHBJHdLE9T{xV(P-j|Cwk;~8Rx
zn!jw_%4Yh}O6fgBWl=BT%v``p=^gsca<kD8iB-ziAE9kv|I+Xw%mU~@YRyq36m-or
zdv4)`2=-dn$atGA4WJ&7jLq#0Csh2^aehSB%Q@5-h}ez*?p`($ktqhz4q+31j{+Ux
zJ?-+AU%aawXA>y{;tly4x`g8RQEm4+H*^N1nIFs~c-B-%AST7%87_$->f?)MN<0O!
zi4Z(_%~FJ-Q7H4Q@7cvB$Z^Ajku=+b22R=tC2ejl(psEkokjSDW;2V_S>}W6Q8aQ=
z5%Q0mwv-O>?>{CgvXj_v1~!_<wl7>B&L0<7`Z=#`(pC5N$$QwGk_T0i8lU8ak<YPk
z1``~1aUAW-3@Hb~(=v<YzPu;TvibF){6cY<sd@^(aqh>Vlj+n+aHB9=1bQc3;BXMe
z^4;{b9f3fU7o`~BungO8>X#EDOrM#oK-ag!i6cK>k*4c$ONi!KpCt24sP_j(4QV{h
z@COvtGqqzmdlQo^PvB*EWi)oAYBr@+NJB~fky}17^hD!1PGz=|*9qpEn?K$a)x^aW
z^tBpwCt&l)w`c7LlXU1j()Y}uK}tg`4Cg8AB_s&0C59JKpz{oBn=IV=UPz<f6Rq?I
zji<)B7lx!@*&5B+)zT#Ft*|)ZzqaEbN9Bj>VK|Fu&ms$a??F0uz1PZbuZ-pcZrA>e
zFx}vVg`ILlG?{9?-eY~Rda+w&+F6df-i(<kiYIj={>j~P(caIo#6Oq?`l_<9(8dof
z)X0iQsaS{m!#IzTYrE}A^z{OL`VKe6G4PlR#1s8pq<|e_$fwU)B)cROSBF-?ULX#c
zM0a2=kn$bPkiuQ&A|({@R3J68_xTd?0JpL3bwq+QHDh%}P!jCt3yEUf$7Y}YsyqH@
z=^WD@6q)a<lQZC>G~q9rFW9|E1(SwK*xyKA^{SpHEFr0CC8S1jh{KOhEBMBOvhnj<
zRI#ztqcrNif?P2UTu87(q!<<hc;;CGjB*lM-Y2ZMkMljZ(=2?(<&i+f5*r7kgCw9I
zMd&*CkdJ>9cwAiliU9jgLVhr7v$}ylS@?MKcn+SgF1Xa0p{AY_aOdV#CE3H#@qgd7
z4!-UN5N}?$<e!uuHFum-PgdqM=C3mqh(G*!C1-m@xBQdWsKfb|1@W~oZJ*F%mKacQ
zA_%%2B<S)oKhBF3My$F?l7OY=CXu=-$Jr@of~WcYF*Ae-0r1;4MLtSTN1&rxGS1j7
zv^edeUZm3v#E1&}Zh`%X0EQ)xlKv}hiKMX<cxheT@x4~-8VtC(6G!m`*7zr`d2Zv!
zt3-zNPt$bdT_u1(`aDt8nzh+f^-r;v<yO?fkWn%IvrzQI0Ky8VY$dg0Oyf+>6>o!L
zL<|St<!I&u*IqjI8PAxcs01nA#cYl?X~dQfvWj6OM5IKUi$dx#B1subv}5qa*59Ap
z4Ej<yDQ~BfBt8vF-F_bpMPpYQzSlgA)-1^9Ma>@Doxk#tpX$GV8wRb1yGycheT>13
zExB{Jd3|eL8V^k4&ldj>?cO9Fht89Hm0{*=$JcZo*<s(OG)k&l*9}k6F;27QCH1(`
zH83!Ne<B$(1B}#biO3Jn_+n<remm<-HW(64V)L4WXKOYK<%qZjuok_BJTxk!shj!i
zS^J?ytZt8g;1wDK_S1Lu)~3c#W$J_%;lL|u(S^EsjYv>J{hg5&kd_cA%XWUkOUbGv
z;@LVQnnSZav-Q|SZDTmqIFsDZWokZ)7p6-W+cW9w<@I;SKLqRp^Fi2^C`t35^=rV2
z8wPpV9%-4l!h}P3Id!J>WNuq_FfazPH#MS-pG{oiF(}WtT@+Jhx0l^}k}w~gcfIQS
zZ+{`t+T(@$&^QATp=;{}+5Bm)ul0AbU9#B-7G`uN%y(E)*DAe*m8vyp52sGDGk>UX
zFIlr^aR1*~B#0j8NJJDon~pET`8CS+ru~m_t04|jwFXgI0sae#Xti)aZ;Cay1ms&u
zMY=*}@f}sF{6mTf!Xeg*I)6<e?Db#Y3Zf6BM&gM6ou?JRqN=ZGbB&XgFK7?dW=Tqx
z@eAMRJJgoLlh$l%4#GvMlmBd;;O--XeHirEc8+v)`{uQ5cy{W~qb}LO+B06#KN``U
z*p_ui4$7aLjpXEy#<Gsu&&*?&7O%O2ZU&cD4p;L1b65>G`tGM&gebf^OLcf*np>ih
z_=x%TC9@Qvro4^6?In>X>09I_*th$lP!fuko=M0-hD-g}h<#(7p<{`-Wc;;UH%bsF
zHmB${7b&4ZcBiT>>^8zp$ulsu?F`n9QmsYnyqZlr>V&h~>Hs~r2(~%&$?2o2D7lU?
z9loOKIUlLipVa;BQEDgJVt9C;-aA8mgG}qHoNpz3OR-H8mO|98hkj%icU>yMMM}^{
zv6h3Kag_6)>Eft{^Fax^n`U2h)$uqon;;MQ$sN6<?{RF7RoH8Fkg;fm&)dH-Ex9ip
zSKE7Vyjo0G)kQev`W0XBcNYe+T)cs=kB#N>c2)wguC8~|w_b}B8df+H%bsaK6G-3K
z^i3co2~B)BK<d`wG|Y;XC_=>0;MF_qNNFoZy8y97&NL0Y$yWGkIqG4mdL9@6)#ln$
z9v2(b*;75h=4Q8Ib1|~}^9O9d5Y63BWB^6=AbfhFXs0)u1(_V}(JucHzqqE|kt{#;
zIZkz^?o7h5Et`w{61mb|{i~N?Cqf!1bK@;%H~0P*C><;RyXdC{uzsi#5MkIb;iPf4
z%?o``7nc~%ew0c}Y@1fZDpy^OJ4Tm;-{q^8Usy^VP9nLr_uPGWrUV_bO8zc7QOnxe
z15ZcfV;CBrkxo{tc_MxUJ&9g0fz4l6h}56r6)N-kVd)ed_>`eYfUZJ6Jv6-ER^=V2
zVsBsCsNhAsRN-zkd>Ia|_GOTW^sg}6!T1Fa-kwMjYpJ^PdC_Hl4br#HhtqD-Y?BW(
zSleEpk4-#hH)$~^5Hg8P(iw=8%PdOSSBjQW?hj?*?Bx{4yiPTdA~VYQR>!d^2K#_=
zq`*_w)CS3uB(_JNE|OH3u7fK%vPafUGfr%c{D`fc5#<u)>J=v}J5XA#&G0GW>}5#9
zhfynCK0P#rkLZ(M8u21aBXNT0J^tc%K5hQKUu`VdKkss8(@dbO>R%@G-3Ja=*D~<A
zZ8!(ZV)yFuI3Xls)xN*y&*3LV`CRUxn9ROQW$?8iEixB-$F#-G7=o(lhcq$Zuiw!B
z^7kV~5%=sr+4C7Mh1~t=7C3l#@7x?z>%QNMO7IuT5nEzrDTo7f`ho@Ly(Xz4WMyjW
z7}-nBWg}0|OxpiVa0rm#FwLd}YcjVhHTa#o*40&Bhrj*T$m6Tu=X;PQS<SB?=cbCK
zjsM5|`8F4YGJ%xw!}jv8&wX#dPFc*_%@F^wWaMz$$|MB((kf-OSzC{ab)2CWxf=Og
z6b&L$QvUL!$QyKBkcli`s&=DT!QRLSm{d+vYu|iN!Toid0_U*RV1DqXWsaTnMW&MN
ziMngw4t<WnQIyw-i7Nz$#eCQ+L48w9?o#$X|J{9iS~700gd7JWR{DJK@`WM=YhOvW
zcq1Y-PteD)ZVWjN_g@f;>>C|y|Kv3fr)Y0Pv$d~QROW`ZO?9crV^cqYK%x>=_Y`co
zFE&0?1V{wT{!D&ir#K8$+0pVweg>nV+NxVyFRkbv>2NuRA@vkg@X5G2i{A>2yF*_&
z0L!|fvVJ2=>c{m)K20Pcb4HnTX88B<5h0NmY+ZGllS6|gEa3w_C{9#og8VU|5<D05
zBZ;=sT8|!eI{}%kahRCB%~Z^T62}Hg7DOpwr`A5=asIOu84x?jqPNlOYQ$T@+xz`<
zdAZ&D4#nCn_ItI5+UDJ!*gI-+c}A9ktjX;~5u+1gN^&#D+}D8#@f+*9PY39yQukS&
zm;Id4zn)9Mky7~h@grX!@*G>T`Nlk-i#)?WcII&@3E4#GKzp99HTNlB@q@>W&!K~9
zYsyhm{G^9F85zTE1b<ox!wrU{jjD6`X5=%91`-zZB&A=pqjjQ)0g2aM{Z2`@m60gQ
zg1tbBSEYp)(5-rBv*G&Ty5M<azX#9beRFd&*2CDDe>7$D>V6-F|8=UMYw0&1ehB#8
z7-XN0#%=G@#G8!dQ#t;gpyUo+m%hI)PoDjnbYG@YSp_~^22cUXxfiC0q+`~1IKSK^
zgKVF3;YCyell8~&MOz7Ts*E@92Zm1vp2ZBoblssJ28}YWnG@??DWfw~cg#e`;TSfH
zg&yuag&AlSIDYr)8Ajm8yO1#YkF_YYlC0)Bk35*8^3Wvpc!nHjp3VLyDx<+rn<^Er
zl;2MSo&Y+yoiw)Ev0r#nTd}Q;(YNA?+#*f-g72A9%X9OJ$bX$)5F|A>2^AI4CiJi{
z1{Z=o@^As2^+aTrKf4C$55U+GnZ9)SLFb24-rFq$ll_$7wW{_V#;aW0yZfr=WsK<3
z1UW)yTx?uQ#q3k9S`8AHm3*_37P1HQkmYR+WF>5PlwO$@<xnrSS%aNWk!A5kt{S4s
z?C_=M%}Tn$HTyF~$Xez;@TZQ{%H>&6@5Ar2iEfH9X3rQmpS5o9VCK#^zR-NWFgr`D
z<H-`Cl#HK(V}waEMx(!Gj=SD6Q7_7U^i>x<>I?1fKdnOkZ?G=@#!7cN@e0yC^Q+c3
zN{Trz<o{}WVY(+{i^QoD?K8NqUnI<f?-BIxda@`@XTV~PB1Xwd24*`$T-(rfshFVY
zXQgr+Zv+>Z;!_c-`z4+KGbfL=oWqJb9Ms%m0#8$%9sQeYowV-f&geP$6Nm-}0tF7%
zncVRK7CK1F<pQ|ak464Q{Pg}p7(&J}n6$YG2g`SVX(LxOOUC6(#><>CDSeww$-xw3
zz+Elb6MP(cXE8cA)kv##`vQBRPqqV{eI+HrtCasVI^$X29ICg5o|)&Rt5Nd9(2~yh
zBZwYp7vS8^v3$eOclk->I^R^|Bmd5h7YNgv6r~i?@Ti7oGlh0$sr}J}jf=4>@eI5j
z%6cG!g@q;XfbOjM`C$uBz;$vN69}Zv$|_bXEjl~w7lXTR4b9U*1sfx^y>qr^PyC>>
zD}w<gyLseyV<*4$5;!V8+Z5Zh_2}2%6f4pIA^`Zyx{wkw?Kq?Xx&vfX1-7Wma}PqI
z)G0(j9T}?26X771`BvvQNVxY7r9-AN&VPYBY>@J>%#iEu&CEEbsC%)OA;5AhJ0ePr
z!@=gFp&n+2F8F1=)2j>L^`2bp_tyIl?*(?pWRsP?=u)O?u)16mL`iAFa=|2M7jpGP
zpekLngkQsv40jjtVfBneTcT=OaE|(|lGUAg`xZ&EV~ciCx-~{;lD9(t5%}dL&IEk`
ztManfIC-kO9%k_BP1A18{iGk#;;G0E*`;_hJ58IRAG8c76Vj2r>Kmb=`*BZdB=0O>
zWK&hmzN6AHnzEzQ@+4ixaDUsHDn*loj3TPRXz@8vZ8n16MD(ql_uSPZTLQ0?n+uCc
zBBCs<RO<v@T3FCxg`|9=dGeh4)khB)0aRgGTmw^^t9G@)q`IDdN^C!PW5+nN7<n3o
z8Dgtr=W81~vK98pT;rDZBWY{F>l(hEs`5jfJ=@vPvJZ1!+0l#wTk0g-Lyceg-?H70
z@qagodnQ{?pb+qZr4WL<d<1+Zg3bHAD^zQ-qq3>9gqD^oF-2@2<t8A#%L`NxJ=RrV
zQ2Sej&BK)^Rayn6K%z7c4L8g^pEwSSeytSU=#Y6@smtRnM23*1h=06<bwZ<U8%oB4
zj{>TVz^LPw#AWU462;8Ji-SL$N{kFYjy7D0mlNfGM(xUv#&%r(QQZ3__}*c)nF5xk
zv2{NtF5BIhKm+Wa{EO{gaeFRM)q^S?o-WfJ_{eAKPKE?KgULKS`YEEt&<`Bc6F1y4
zHr&z`wajSm<IHN%AWAsLQHUSR_oWIBLYS7CoCtFl9TzajAQ|VSDStNi=Nbin1|BGv
zf6cv4%^{rm;oQ#1TCkIrmi8%rg{u~5vkp-KOQG`Jiy)2hAWfJ7Y4Xb$X;Md+7fr~W
z-7Z72$~q-i&Qq(<3pa`kU7q^c7qaiE9;-|KgW>%un;#Kk@^dDj6P!Ve1pd0Sq^3Ai
zkc|`!bb{Eoc~iAtzAKdKFo$D?Z`Gok8fd$akT#gQCr>mb>9`DiEfRy2WDtJj>pxFc
z45v2+Q+;xu9?-me2j(zo!gXcB<{FlG#u4_d@!u*hd(u1=R63=}fAnWp7C$rea7IPk
z&Q69OEYy+p@tJ-~>_$nGE`Yty05{U~da;sUWruI~)B{=2GBTk&d-lhhLkU3s|2uG}
zkOSL1q+_*8eJ~hZ^!5|*@xFrx{UU!&n}QR7MWLih74X>ML89-5+xkn^qvUa6iJUcX
zwcm`r)!rIw#dE$k(noMB@l^QhKh>9GP4kG#^ojMoOeFIZ$3v4Bb0-uVL#d#ZIk?#}
zD_#Rsxv$VmC9qOZ^-d@A#+rvzB!Hd>+f-mMVk9iKzu_5I3@x<fZM6D>Lf$VFS&Gz1
zq3X9uI_;AS3tt48ridbx)N(YpM7o92$h9#<ryw{GAgNlE!U+9=_6_N8JpMV{ih2z~
zB$YG#2q?#5UtC^Nnf<U%#Vv!W^eEBLd#rtD@b)Vz!FyYGLtm6}UJS$ym2q!*^((gN
zsi`xd@5oAj2OXc{r#>9a1klp$T&@F!K9FzA6%i6Tlw%2Z^wwozDLBqJ?*aZBslcnH
zL+{wJ2LYhAP8DtgBk{-$bbY<kYY*uX==#>}LB7<z{xu<t;NzaK)0ia234EPo8RLT8
zPeBVW_7-hg1im=mJ%=9I=%SQL{k4G<jsOwRnjJs-uVo$HD~{$)bx{?S{}thqK}8^Z
zTu{dhEKQ)m6p1C=Ayub=L>u#=m%hX6Zpr0!|5ZewGXe*7)jLJdeK%EOBa^~<pN9l%
zcA6~TG^4s}Y~(l5bW|mFk>zx%;kveoE+pmwav@aGFFtLJUKukBd%lgXI@sU;5>Vsr
zywq+6Ot-4hC0(nIRDJua@Qv@b)^s^+NlAdo+)tsnU}!;s{t%)ccUcfvzz(}OIyUE*
zmphe?3UkL`fc}>nYHTO5xk<CNqa^%K3D2h0TesTcsxO?zZ~LewuFv~a)8;mxLSGy%
zFlZ=dE!AJoayzB1OF?Ds7Fh<6JMk!Drp0iAjfeWckGjsIS09-)W3vG`CYi<Dq&nJF
zI1qyj!dIq_erDWs-Q4mX3wN+lGbk!Tkb>|{Fq)=^SIG$cu@magd;t55*+~X{fdPR(
zmd*k4gfk<kMA9)Ia3WuTf6&OPSTP-3AH7lu4TZWsV>+_l`pwh!gYMh<-z$@!Pq~T7
z$A*ACW8ylG0Jj~`&IE{0*dxujUh$v0Gxj%1pFuIr40#Gu)Fm)>hUs%2qBO_#DeNsb
z&+{`AsX`hWB)0zj`{x@@!eof@N0%oo&oVVM-hCKYiQzp#)MSR4XwvzMLZyUV$MG?g
zTUhL)&7lKr*pu;TU#@$BXsei{W*kMY<>`qm#sN^*oH2cW<1VTah(18tDM{Q9ZH66G
z7rSrTf20h|h3SAjk=BE)=_Hp}9B$e4hxN*O>zU&Z>Q}K9M9xHz;;BZTaLODr9XUQ&
zQIC4-?I-b@S5JAxAp>M&WG-J4JjwqQ4}2{qD^$cePxQ!rBA=%a^bLWEG}m%7?%Em@
z3f(#b<r(LAW>XKylk=h%Q)V1EVV`57fhmPtq!lw6f}XA55^|+8{`m=Db}T;2L(Ygf
zu_x;ubM|CeVVyFZ7L+T5m<4<k65BLAZ2pi!ES)oK0tCdcJgK2#8g<!WCya;76_W!)
zn28cuu}LrruqnF&fO40t?vH-fHHJW!;_3m&HK?<C4c=_Y%byU<#B&nkHO1~95!dD%
z&*Q2V#{KG@@U+^5Lfielu9*wGA&dz<)>QV>S30^7P(cWxOzkCTDtVK*hY))=`(hFc
zj3J_*nsDo;Sf5#Jb&h_jf2f36@uHRmpA6z3QyURk@J;Ia?=;<pyC+MLEM2EBr8^>H
zCS>3ZiV@VbCF34sX>}F&5e3uCP`#L!imJYr*0Z$(`(uC&A?4aM<{*Z*{0bh_nBqZx
zxaqND{RYUBzsBi|@-kxrZq-2SCP+$7E>JMU240<|i6=CInxjaKw^h0gp^`bn96fq<
zzn7D$vCVe#Dg5RV5SFW<#5BIJzXf^<H@|NNC|N4$YwaB|-osSr?((yj^!4C5PEx%h
zp@FGxJU^9z&CtNS?#ouQaE(fN=NBg{lTPW&otAhV{tgspvLbI_BA$_Kq~hBxH*QW&
zyFD)oJ8D6n4}$&A%=ml!j7dJp38F1Q(h>1Yp9RzgBAps1R~3Ss_d^1Yn)M8I(r**l
zr6$p>{THhXOJ!d;y)mr!xOckGl;Qb0`PwTQX@a8sT&8Q6t~HEZ&ew00`<ay}qJTu`
zn6mCNn)$JY<?Lp3Oza9l(X`Hh0#^@sNZ!A^E-0a|m_o)wRw)^Wm<wJ&9*7<fxikh~
zhB!9F*ea<~xyj&nSXF(>`yL)ChaI@RNcC{bT%q{gv0%MCP3}qw>dGE4M6o?cHnV}H
zjQ3+GDQNM(C@;VT4?qQ)rjvVbne!A@2x0azyUizo^0J1pdlSuHHM}zQbR^6kzLJm9
zuX0;iYvk(=STst^yYj*DT~Huk?Pd*)*57Rjas|#AGobu_?oaqk`!fjmhZ&R7mw45R
z=#Z8m*@(2PFK!o<2Ct5%@?L!VLL6_s?DlHdJ<niSE!b%mDq50sX=+kcSgNi$_tTmO
zz^Bw9SeA=~cmA#hYTO!hCtM&8iXf6uSD*ib4Ss-;wL)uj_Pd=<3Ng>;>oJ!71z;gB
zoa7ASJ-DPaq=C<-PJHoL22`7w3ydMfdE^ikHgR?(eH>J0C@Z7a0rC6RrNl>lvi){d
zn4${mu)N)0zx;W8?ZtZ_hj<~!TeKBko|zXf7}T7+=o!StOKRE#xjfXwXs>x84{W71
z$vX+Bey)8vFh)1X?df}mizPN6bSz>Tq)2jmb&ECHIwhT@kK;Z7LR%xGZ6p`xeoy3!
zZ5_*unV&RY_1K`c9=Zi*Td^ZChV4HQFBRffe@<t0Y)ohfT%AUdIy>j&*(`Q3C+*VH
zfg{oF$`>!Tfvw|4br0c7xpLU=dA)K8wK#%{{0*bu-rrxav5~}!$T3xf6+5bV>!q4R
z;y?(xROVj`bfK;xi$FiX2N25G3h4HHxcJl929L^m>^rz)(h-h?)qgRM6o|!_@fC1Z
zWIA5-vI<VFEsxFPB%%1wu40fQzrmR}0ht;GbhZ#0PujYg?rzXUrmF86A3LkS<pV)-
z=1KmJ1s>9f-R6j$w97deXZ!h?(_ubc+N{9C-2MwVar;p-yzS(TWv@*HNh4q#nY_eN
z(+)4CQ&|ySaPg#4lsa|y33MgfUHTo->f_$x?N^DdwM5=ss1?6<p3cd_ZevqUWngZM
z(Kwi!#UV8b$#hf*im)E5Fsu6kKunr@LaxcNNE?0jARclNnP?oB#v=IpTITz9_@X9f
zVHIwq9<P63EC^9CN0-uc2CrYVXby#pyn8c}^JXgN&0JachS;*lwwn|Ii7@>v6UV3;
zhYI(5I?RR9Bz2jjA2}+;^ck8`!bmq8kri~$piP4#<<pzz6jVCs7>^kLGGuVq{bu^R
zDF&o3r;?*0NN%}{t`b3TTWIc3g3}W{Y1Omn&%I{MW+<Nzuu}6xPwa4hp}9s!O)Yt^
zv;6e2p3yh!nvkkp1rF#S-AlgpuUiUV@an&=k_;~hgm&B*vZno%J{k{D|1t!Dz`X2%
zi%1EWn@txVQYgR4l%rrAKYPf_NJv)Z-dlbvji|fzIMSR^f~1>Ke6ypnTV(%^uQ_Nd
za(7ln<F-=2-6Wxq-+2e17}VAf&9g04@85H4Hch*p%{Z5$>jp@0_=gk&JmIs*f<9#A
z(({=t8vUy2W+iemMGJJjc1O%>T-{4DH|dJ_%S|PcM-Eu@w2*Baza>-jK4x`J(+rg+
zVd<5g=?}#35cAZK1a8vWb!5im;YI%ZsZTaOJU2~e@c>{oWCU2jbBl}S+qkhnUC=k!
zE;eZlzKbW>Ej0XwjOAEWI_E}|<(qW5jWr8#`-Q>KVN)!d+zqC@$G8sLbFz+Cmfv<h
zz3LXaLF?pn##7T~E1h|?BHZCbF?0RljA}f(Z7w#`%`w=ypOoJVCq|^C%$-I|qf_YD
zFmU><jmS=qR?jLf9(R2H#HEMn?Ohr(Zvc_E%LQ=JhArXG4H{H^d$9hnDv_b-En>dF
zcvo7P39DB?g9iMb!i*ew2fReT)n>Xw9vb^vdUeI-`$778(MRJW^qTo5?-^Ms^wlx6
zUR-bQ5U;m2t|5euDM%LvQNI4NxdFa=)7oMWGK@SkpF%T_soG1xXrQ6u=|d7`4S6~+
zSd(36VKo(gBu4wvc2lMz!DwN-OCiulPa7|(@BCXpn$=Q1+pI70azyBOzp}D&2^cuP
z9_k&Xxc7L75ijvq;S!gKVkqI`OM|thJqr!OFKQ5U(_|&=d@fHhjYoQ&iDNZQGymQM
zAu3=hdNDb2jEN_!Z=%g>xG5sK^a;ABt<&z|mg?+%uClV0ez1x`O7d63#z=!+?c<u8
z%vRp748d$75D8ZejmfdAF?&neB&Cfbx(oGGc4q_$dpWZG<8+dFAFpcu-8(Dv&0`A0
z4pb>Rw#V&6kwbo`>MZJ+nFU%%{BFD(dHcx*F^cA)F)P7X;8j`PPU(;zC|PybHRK|C
zyBXx@f4Oo2y_BRMg)b{QEUUg&;raFx`LSoF6@9uroHrWR8HjyJR8|1oo;*Qw|2w)l
zJG|ra9S0^xkM^6FktE@Fw?_W2L4dHB^qFW<w3yk{Eq%xiv613`2`P=0y5OIW1Xixv
zO6Mt?zKg(6l&E7ov+?Vv%}U9Lk362FI;uu>o#UYC!Zx&15;?vB?GNA~6h52AA_Y(a
zoApn9yPx<2nfXn@V@6i;zGQ?aHiqVOQBG*=lRl3ybuUY__w#x$dJCx$mu?QFSdWe#
z_U84B`ne3W+;3KXfD?e-HXS&c*p4AjFPphkArJq}UT_(`-425u`2`1eG?#zpqkG^|
zp;4q0{0;R0Oze*l{r=WjDep{*Q8%~qYq!3V^q@lb?-hz;A{iS2i#okjB)&4FL)=P?
zH15`HRrw7A8BR^m>87ArUBLee2k$j)OG^uuGg0{-sDiv(syh01G7{%M6F3>9^%}P|
z%!Vc|)e_tu4m~RFBN>Yayvb_tQ;DXjGYdlgJ2Q!e(O58)BQ$UEM33KUWl?p*$Ts~*
zVPZx6b$Oofi#@Ut2l#5gsWU?JEZFVonC7Q66*!I%B`wo&RyL{yOvhPU5&tUSOcYF;
znb8^nD-x1z|D@xrA(S=|SC}6}pqS?^SZ^H}txc5;Gjk(Dq>y7LPFPwt&HgOins&g|
z#2idnao?gVuo;n8czZtNqYjzYgq`8D{N4pv>CkCC@a0v7x62{bUD%<GdcknsXcY{%
z{O*;eB;+mdBMN#x{#kHje7UPu&~`+gcvz~)qptfwM2Y*-c=5QV3b!Eoq39*_BY~G$
zM|^Y}d~Ha>rETrckB_Qtf7_UYE)TiPe`N<0zKhNV(i*}c3XKm$z!(o|yCSS1qe5lH
z!3K#t7_ZrFC6_$$QA;l3vU=%VQ$MSl!fl>-PE<r<z37OmS>l<RvWXrlQuLjO1ryBF
zo>)Yg)o@Yxyj3k)e6dk$WU+G1j0{aioFkG1q7sUW3LPrwBF44NX`VA0(C*SDTEFZj
z!HOz(TXtY5ejD5rDw^|CDCg(0cly+sIo=2F&>KZ!AEv*Bp01E5kN;$)4xj=u{J{!q
zR^OVxZTmGt;n?;)NIPVCH3BaYPNEIzv;Z~j*o^bXgU*7533o9Kr^ZYJy%wBiVcQ%U
zEg01!MAG>(tA1GHQX7Tw%_;StUTjyx7_BR_j$e|Zw}Oyh1d@^<M&t=1>0V^C`XF|1
ztS*q0Fk8y{wlgTpZm+{C<}_s;0X5ieIWLGqZdFpNa%-s7*jJT^u+)787;&15%<3~P
zybwojiT4+Zy(O|BikwXSX?gBoE+4lczScm4qQFxmi$Ae(C}rwfent{NET|}Qec8NJ
zBTS{w&%3ZUqGRng9lv-T1mca&0gE63vcnr)REvDfhkN5104TelDKY~0re=BvL==9=
z)Vk!i2a2!>pg_e-hG<h$^*1U00l1sP0sx)V9RDGfHt|bRME1-$5y_v&9diz(mmZ)C
zi3<Yr(RfdZRC6*CNH*Cil=8Ho(D(P&JyP+A?iGA6?__F}5>rOw;=flWD|}MP#A8jW
zQyf}y>q21CZed|;H!~Zf^yGahiC4ENFhB8+O+vK|@B}<W0Mn!IG$uG>c6Vco91=d5
zO5^jWrFWl&vsYQ^44gYSBlHF%Keb5^4P-m$>61|3#Te}e315?6w8?+M<TmSGPBK9x
z`9mx5_vE)9Z7tHQjA609cLASWDf;E}=g$+FB;72vU7f{fzi3RI-13GCRsR~ofO#QF
zR?h*7*9eM#qf}Fqtnt4F4L~lNZc1xqWo0?r2KKqVz8;`aFS2C-P+&ZcdeFTXWJKtZ
zt>Vmk&|XV<YY9~v_P_vy1^v5bQT7oW<4KGmc=jtq41&S@2@NADF=Mfiy&P<Ao(!*9
zQwmcRjt^uko?+vTU!t=zGj*UJ3ig1XL<zcs7+p0$U!6OR!~Zt@Fl=3=2EicxFS-yF
zi7@TX<C@Q}=r0p~+PJA8$JgJob_;l&Vt=}P&s4poFz5aT$pqhgSvQjq;OV{y_6KOw
z2TuYa2mRi^yaC=5mf{g0MjLp?lah#iWD$<Q@wc50U2(_Wd6O#BA?@4E#u#MfLP`et
z@$2s$9YN#?4oj5;-8iP(`Mshq3345kc;<<nUe>>3oLIi;Nko0%BKfZ`mbE+$Vf=xK
zV<aZd&77lv?D`{WX6XMESJDds2_bVX$me>>QG)Wlh~_HvT&K@Sv)OGSGOs9dim+q{
zX=Lo?=0^L!8cQkF+T=YQ?drJeDVm!DmcAfe?*Kb1iPD0N*0=np6;6_Pi6tomRxyd7
ziCe&ii!cP7o(l=*EEOSBJfcXf=|WzDTA>W6L+J{P0HdQx5C>Tb(jwXxe_8UCY3560
zME2P|B#(osK6*V6TF5G(&Qa@x1l8lZ{ia33=g-djJ3F)TQ^GA(jV33E-!ogi&2&5l
z;j*r4Y+_%Ft($<FFxtO@FWRY`HHN67-3uf58eO40<`p;^?^c|x9L7%8kqn<g6LK)^
z1{{{XI#Gd$>pO6dWK6qG*aqI#)N>Cj_hQLr`cL;O-Rhwr>t`gTVgU|Zs_$(2P=vI|
z^ZwT(oZ*I!62-O5b$zNpcJVl222a@$%(KX->q9};9<>&fEjwWhUicHjCj-N798=rB
z#4@yxXbNVa>~4n{R123^+Y4KLp@q2*0#7|~MH9)!!XOP#xr2d&WPp&x6kb#}6)sEA
zz4t-#)h6cY-yByY!EC?4-I1*8!w8S4o7d0ygfD2HeeVg2rAgtZN4KF~`+}?TzO^-A
zi+(MQXeOsR!2NgRz!wGma{^~Wg?NL2KzLL(P5k2#U^f^vHrzBo%DsUF6&c!*+WLG>
zQ*xhoE6<8s2?|mW)*<U9REGln4&Z}V2@i%7h%m<*g=DkKef9gB_~g^c6K}UE$^)YK
z2<}p)<mbI><SJ~aclaMtFplLoMFquM4et8f3K7N(BScb6Eh`1yJu4j-9LPi{CcUv;
zmNrr1ZIHXch8lF<i&`;n$1{Vl1x=kDa+^i|^nRVXy3A;uD+ds7?jRoje)V!zw2rMH
z9pa4fsj{SG%LuhDzMcwz>-!-Vkp7R!1tf6|+tkAgLNSpSdlzG5XoD{Ri6!gX=6K{M
z8($J)*$zzBHJUnifM|i)hL=7N$YLsG0tkW`pu=TH1AT{}mx(+0{$Goq@{*FFu7n{6
z*dhPT#IUiaFruj=$38e3V~AE;Z{AnJ;e;>ZW0T^dUJE=S?53U)d-(<lhD(B?XFDx-
zK8Cr%GVLAKEIFEaR^m_MBL>zu0*p~tb(jFnGy~x#O-?nHTeet}n>YT45rsOv*x|pt
z_>~{7lbtI9llyKb?grD{ho4T`o{oS1dM~?S(z)}K&{yp%7JYJAsLlpcOl?@S04sD{
z@6~^!t7r4rQ5-csJ;Gv>iKP|o{vwnH&~=0g$6w-CV|62mAgvG(G#}^e`%!d;L4Hqp
zUx&&CoT6H1t%bolh7)4D1R_$*L55aR#niW9Pn<8%bg1eEwS4YCUpYkHboQ&rFTakX
z`-oypY<~$d@AV@I^AJ5`aPyVfmbu^uOxV$;;d;*C2xH&v<pkMw<gfT6IiMAT&nzt@
zL?V+r<U4N}5$(3haq*pQhm+Cw$~CH+1xWsBLSLz?Hp``|${GLO_W*_uSarfIIJ;Sc
zk4UPk-QT-6lSdJaEHLIps|ORs{820uxl7Gzl-cY__xzzz7V0ZUTJhG$Q!n!G+vRzr
z@)v)K3cM8IkRCPx7m!^^fGn!}sQCNA(^7R6<(aRjv}<N3404|cofLKTfM*us5hw9a
zR=i66yOgMNAhhZCrDM88BvxQ&@=UMJF2{UF6K#2dKi(ImgXChnDZpzP=7d>`XEfE+
z2EBC#@}RNecB9p6EoxY#=Bcgm#OcphXNRK3KCvMJa*c@`ub(#w)5hO?0DOwy@7ixb
zE6|T{484vrb8zW*+(o@D5Gb`drXlzH7ttKA;#mB1uXiSRYdy0L`8EsUOr~^&nA_I`
zlmAw<D=rco=R5D^#;-OtHq^a5qV{|D)v^x*2A|+2R-I(VB%xl%46T5|0|3NvDIV$>
z&ef>}6>i%z6uCD`Hcf~4ib?vWWtb@ZBXn)9&5_@7lepfIR)2@LUW45_9|8gbOcaN&
zNOy&aaM;ZHZ%LHwfrvkVHc6E-V(#iT9t)qMq>Y%Rcd)@1C*>W~y{i!kok3n<pL{zn
zA0tnaldovShUN1b(55$iTAAhn30lQmFyr2T<?9Wu-Ppl)O1*pA?%VFemgBk>sk0RA
zCi*xF*@iBW-4tYp`%YPje63Ai0(t7_R>knbQA=ZivI@j+Ym@Xj=?|jlevIW;kg3GP
zL?+-|@7uEQ+coE}e41Ehu{biGzg$r8JKVd_zk!T&0-RMZD32Zi?&Bxqp9@$zvl7m8
zn@rY%CRm&EuV7}hC_2f5gYr=51*MASeQ8YPh)-K5*Tps{*@da8vy0cm4}^rCJ))c&
zyn|crD1uIfLJ<WNjxS%zDXTWmI-7#kJzMKH`Te>7D3T`8?2*+xk-gb<feaX+@rnJM
zJLTLb7E*F}xtJgWp%{u1CqtO_qdM3M;_9`sw3xc?+cOOYWQB<q*hB*t$=0p348}*W
zq3^bTw9sDP{F?%AzNh|iX~LA;^s6A{dd}D6C6UGMFC1uPF7TFskzx&frvfJ#LMuus
zUyy?g5iIAn{P6pOBfCwGy0W0am;MW;Q&j^^j&+oGB!Z0pK0eF~j5RKzIhdnWyRtWJ
zeU@@UM7i8H?eQ9&d_+J4OV(d&-=I`u>2n}V1=u+F$9!2o#40Cw=Ctn$Ic{<t5U4#^
zpL6?|Jp<p(3&|4kRr7jLG_!;9Oln*CEJ)$i>AA3M?vnYVx=n{Uh%;+JRBLN%tVkbF
z<v*e5779{>r4f-UL8e?7VJ1K2(GFI}BS#gs6%B$r|5C%-ZGb<-lBCP)A7f*})Ckxq
z=~y<ML{0z@uDy?u*S3P=a=ZGXd@-p(2{tIE(K>!`7W|>8Xd@6TG>%Y67b}aDNRdH)
z>ZPaK)>$L!kttTxgkX5aMY3^%5Ksg~kaqbVy#|IYqJeAY;)udF#(mNPQ&IUx@0<8S
z=9hZ;-Oo~lzuV$1$fY3?7>?yis&?z)FX=!`hO2P^*H?E`@iPiMlTTzUh>%$xJ(l<V
zgx!T3tV->(1`(%KFZLJ?H}u?Akn)O&82=bVmzKbg2H6<95$zy0>p<Nbs2}(-l;&)g
zPJphn_vCb^6xP`)AQcyUUIy}4^Ogooch^h$mYUP{5!sk0WRrsBjNXeSne4EMr}ad`
zPY<1`{gkUc&|pkFBwm#}4^)=E9Phq&>>nHme!nrPW8d;z^|>E)n8llB+rRfyOaqZ*
z2e{h!apS*U&+w6xK^`+;c9_3HCiVR~KNl-bd}{iy=Y>O$8^#1NI+*{hCl6Q2sgw-)
z5=C!soaa8rv67lGkYlOqR_(tRQlys71IBC;|BK&IAya+z{7Y7T{=|xeJ|IY>l72HU
zEW4?+gcfW*JcRn9GXPvoUIKHGL|}2Aj?#R{MS&-B90;cg>mz;Re!LMyVq!u)ULIo5
zXEGuk)0$`M@`^xosonp0Q_uwr8nNLp6?l74l?~z3?b+S0j>&KR%m4Hex-uvlQ~g_X
zP4DdY*fBD(doNI0C?R>=cGOIWLztl%gH*r`?d~Ru(=v9YFj0ijhKzu)FhnQe?00#`
zs1W>T8=)8$(b_hs$2KD?RZu*Ora?j=)!6$L1uEV<0*xgA4$Oh$3s?`7oBBu87<o)q
z#4ofLEQWZZARH5WTZAPLY!#t0dHL|SCq8XhLEB7C-JC}@GB4*qswf4-2W-P@0;K=N
zKWkV%7dB`qQli!A1SiS?FhGRN#v<eHe76*1XA)hR(-|h1adtnO7$y511<E-I?u~{!
z6je&9W(aKkrCU*VbjI1#aKk!JTxqy6ApY5&);4|~PZ%EeZV6nn6%+%@8z;yWErg)k
zuj@s^p+}+tBB^e^)(+<-|GR%PkHA2?FBbFwAAufEdT~t^H`oy2u5ePdo~Wfr`?>Ar
zFvC8suI@M;{0*^q&Di#1t*2a0o}Ml%PgfCUU!qfH4+JCifMKf{{`n1_qNit_U0|)g
zIW3zQn(jTZxP%e8{WP7)Ir_I<aBymV1SqlG_7_!O?H4pn*}S$nWbPGpE#q^`UL}*Z
zZP1B>`tMNl<JtY+voSHt8wUL4WjY90L16oq?IvxxdnzuHfkuQS6<Wx}3s}|_^2Y-y
zkCUAeh%n0aDWqe1>e>Vl8{SXp8O<}+>QnxR!xtaJ<}%I^;J9=e-<N=P*No+x2|qD(
zIfsg=xA@tLi4oq{roVq#t~^@LvEL#ULX1djYif>)zJC2G86uT6(=or_eOW~_pjJ_&
zvYUx1fA)3$A`<g8mhlv|gW0>zIYHWckUa*s72gs4wVRSKYJ@$f3CWl-JP61yyMl2~
zpnQqqCIa*~wrpfpqT~Z!xCY9ZD`%vSHAJ=%{T>U2T!91X27(&V4y`j8m~JRDM%VFC
zC&#Pb4Ww}gyr#9JC1;S@T87^g=iNeVxxqnE0A%Q>O)?h;@Sa3@uH3<EEu&;ZToIV=
z^k>2dD8Q)n>x4_XA9k9&eOX7LjH*didXgkFYh0VhD{|Zf-W1zS;@y_^mc~ZkN1$Z2
z2NDxZJQ!$XfKLR*{QSs-fL&ytoBnPo1B+cx@u6g!%dsjcv_%$F+Gv&yWUJhDHWqVh
z$|7cryEQu28jtXpnoqfYU#v3DyB}Nel@GcQK81P1yj;a-<2R+gnSRZ1*UEVZtG(Jh
zSL`S%b)Jb-)xIcgbtLUXDcHlub&D;|%}6-pa#Z7w0;PX<IAUTqP`%LPV0kWhe|t8@
zV{0PEELzJDP9@i#bgatFKPZ-hgJghzIf8^BQ*p|;=nBRhQlcj_<EQjA3e=15$3U$e
z2#n4Uygr(VaoxZA|2Z#k6wS|%jy_wOn({RR3JD#6@*dE^a5SR~W>qpQ-%3One0`h=
z(i`p@6u%$;>JXdxfENH|03W;fcT3nUq=7d^*j4^zfW7sZq*$+v0Ar8VjTN!{MOC3&
ztH?+I!T~qr<(R`~;agGxMyN>TnHJk%^}bH0tH2|>orr3#z&qX`;L*1cS!T`r`@~Gp
zJZN8^l>2u2=9jS7je*sxa<@OtZvc_!M%KMSi{}5i0GIRSX=_T+*pwdT(As$cU8t>(
zA=sDE@d3-F(;;QN67N-O?w>1)2<gfq++w>9ghwgsha+t_pJ$w>dhB!3BVh9PmOYUP
zu~oU><^*{(nUXZDoch?fH)IlSfj*!-+<Q;WtbHD{$WTZVd##r@@@S!BF?M?Pm$P|o
zB=P{TWbk(@Em`%mR^E-<)wX(~>jinTLgD&QTV&xKV>tR|=*1PMo{Qwb_JVcT*v*7w
z?$x01woge$i3LVn*s1w*ZBp5Wg|-s{QJ{IDrBIV}Y>Y@!4MEZDV3%=mssm-V_xhk5
zkahQK8YNv%z<)sa2<P|-25BX<pn8`2?Mtw<dWO~{I_}P!&hB=6KZ?0jk|{r4jjR;+
zg9hN_l0h&bz&B+<73WnMz<PSRK5lToKCZhwN{AIbcm;TxO3@>8B$L*{*KiIFUbS#t
zIhMgZk+=1#S)jHHKsGNq%PNNVl@D}!9I~Cds4eFcCs=xn4vTqWX(>3YolvB9=0AEe
zx^Ud`OOo`Zg$m$Fwa|m#GxLsxy!Hz27ZYQ<F_3BwUv!pWJmgsRNU?BCFOZZJAxMce
zFg6p4ud|tiMv<(B@$>UPn4x&f4|YNnKrP;ieA?^2Q$F70y^AKv&~q6{j#lY}YOTa!
zNsH=Up@cYq6+jHX*}duZYesc-Bt9ozz!>IQLKg8FhO0u_(26hkIfH)~#-YOdAL;V=
zI_w*k>}Q~5San$#F@Ip-7{bt&Zw(m^<K{wHT+ijM682Ts+Os0vx1U~Kzy{WRI=QMA
z#bbVK=0C|DX2V%*9Q72f18feD-eDTmA-$A)E{&IDP?4AB`qf}S=>JV<VDSBBZ3Bzn
z!sLh%_r@8(%GD!ob)aC2fvHm~y5Hj~>EB(y+lfokL&^@x+N$p@*W{%247ZIbf3)k?
z2yolx3on!?=^D+&!{@4MD4_@y$iE;yO8jZ^i7OW9xXji!-SeT7a=tjnXcd!2mz*N*
zl7i2GLqH0|Y>orDi<;{NLYVZM^JNBIZJ4Eaj`}&D9IYCxCi!?xu86JwHIpz^(dL#t
zO!~Dcm4PJe{x_jCQt6n<)2GixVU+Kf2^g5~$yn~6+kJ{V^}9C5Fv#`%_J<n!M}<3>
z90Aj;=dNfQ{qf_EBm5>&9sR?S&GNOu!IPJxZK&o9!@8~(UuM#mvMWo)au;atzYOLT
zmQpmY2Tl>J>{A)p^OKJafK*~H5%HM>CCb7XW3iVfs7Ki=23huL)qCng11`yG7jVq>
z;Vp5-U7nj@d`}ReA~brk_FtM)XBxUqAm+?PFY(>FmX7(eh2XUKmXNccAJsMr!jvUx
z`X{ksZQCbUUmLcw(s(J1YA2jK^Jz-|z$Z`^`G!JI9z(vwO``1U6RZL^om*Z&hyfig
z*GWsaxe$;K!L;Ef9@+7>40CS(ZPWe^23Wn3Hg^fC4t>8Q(w)EYPvK6W?VelzUT2B#
zzx>mn*mqhBUYI2ngItoq()2{&js5XjSWkPfhQ5`@(rlq@w?(9c+Xe(O*yqomVP0mg
z=%Y5?rp6@g=4%nZc}5x!4%N8l1J;D;U&}6S%#eAk?piwTXO}!PWGVXgp#6GHJ?h#+
zcuI(%`!nYUXaJb7LH|rs$0#LJ0coRGP`s@8DeMwUeqk<(*e9x%Lgf-Ki_l2ju1&C(
zN1nY>hYf<Fg^f1e-1WIbEF4Js53U{k3j;{C<aiATU6YmAW1qbg_bc%Se$c9od7b0l
z!Xd>oNl{Tb+cNJ@`C>^mgl;ykF%APz<VMl`Phe^LBY4q{9JV||Dn)~8*F=7m-UKY+
z|8+aMHLBsyxIT-~6D?84KklGIz%G!@CgY#;$hFmqr;2g^y^6;UGq2=pZQzKcNxb>a
zm3uQMyglyU_KWsW(vd5gX^@OMUO?03V&CY*m%g2(lwwB(Gn9D6K+XLbn+b(?|79%y
zaFWTQ>5ohwx;Ti84TRF^6+05>1Y|IWy7+-!a{nOe7QCG8ZNTH9z=av~GmFWpMLuNO
zy+LV8LM|;=%##v^_TiMgXw`Nc>j)?ts2Z1cmP^bl2b5J}WJjCW;^(SmGJkzKtFY(@
zN@X}gVZ$5ticMSsS<2BT)#$j3z$c|<SDHluhq*6+sR^9g{*>OyIUg-S7PVmITLA)C
zhig0!7^~gC8WkU`=eCkJ-EOk%{rX<0k`Y8Gaw7;yf9y)9d?X|$7E?Wcz5pI>0I)x~
zg$mkTd>DQvRV0a4uC8)N07rv2P_Q_GEd2>lgKJqJcEa;qiMPaUp(u=|4&fL%0>ppP
z!R+Py6qYUrBoiFj$j%u_uQQ|5;L-rCZQB|Mb8r+`xQy!SGTmO^>PY#c2tQW-N?uJ-
z*@!^z6sL-V*3PzNCPdRKMJLWt>*yQOj03gqE+U{wfn&Rk%N_m<1pN$=)T)?72QlLb
zaMja6%E*fjg2B>J(%$@;TV_PBixy)G<p~o+ezNwS(l(u8bpM-TVow%iwbcBAPID{W
zSv0=(SljPrL?IB{W{tdf4JBLVIJ-p^z`$Lk)9?8((!)7*_C1#)P-T&Wd6muhb!LSO
zYMaMWE4x2;nMs1U8T-+jj0|1S#flu0gX1m%@((tt&)bpv*Z)eCq8XvDEF`MkTiIM%
zUnmr?^F2h*_&zVRMJ&Q_x;G>G7&el@Fz?$L|ENzlJ=<CtXSs07=r#e5MSgm6a<h*6
zLxm+=%|53VICmNiGQ&QI{P$=#nSiO3i~Z&o)K!GD4?Wcz&2T2H`G1eUP+?!uniBDp
zw`=8xhaW3&9{uXb__iX8oOIi<>#rHX_~F5-nh$|oT{IG}B|pilmwl{yUJsD;uRZ2!
zI99VEPwkZ8iB=i*y5z~#(`s83c)Y-JOBrVSV&NkwMtnTCxh&o1_>BbS#ojc2wzEgm
zguRJ&fqdenC%P4)C(3)bw7sYfqCWr$wR+c%?)+uh3Mxe6K4M7A|2+*foHM+D>myP&
z-kxc+ilScUP2lJ1&Lk-h(Ts6t)7D<iPim>F&pQ~%&M=36G7U*cM?Pv8;eC&LEFQ<x
zC*TUo!Y9BIsMkU4A{#h{u@p$lR7tVp+^+eq<?XcnQ~W~3pvXzk$R(wy11a@{I4y*q
zFj}T&xs_F|eHqbMiDIG!LfPw_Sz#w~LXU4B7&iXJ($STy_WrxV)bX!6txts;EJgkj
z+**BwGQHppfp*@xHdaqL4F($L_hW;7(7X3M>oXBSO0wb*qV1%@rpf1+85YTy+{Xgd
zz&T=M`Bn#fHJ(V)-`D~vHcxpQf(WG&;B+7eig7KRBXOv4*1nSgzt*zN!OoMlx39Bc
zv)$7l>^4`wzUz4Jm|2v+{O+Tm?U?66(d1Khoq+-}mZHzYZ;)J~QO+zl=GDy)|7%Na
zQf3qxL8A{~Sn&MqVJT;*Oo-?kR4LjsPWBzhPtihQ$4(WM4|c^o;j4-yqswe!&2CDL
z=LfFO6yc^1vXypRA0Mvk3l6t*WBXQ_b!~91Z*Q@@KEOO*#4VcO)wK2VBM82j5riU9
zhAp>XY!fv2BgUBp3feLZz&?ZNCQ4DV;wf`?qD+Q<V-sl<%v!ukXo&ey5=`P?9Qk&R
zU?j56xbK-sYHzT@boj6Jw#^v22oj5TIzjyOL>-S|XQIb|!a#Mmml~W8<TmQhIXF2-
zet2Kwv3xs$QJDApgSvhN;G-*}s&*%qgraVK)AM7Q(Wg0A^<ZAP2%;GtX^zB{lh6LC
zwOCbt@yE9Ce2>+F@ijy3yx!%}d2}&Svpa6w(!@lnnXzZCd$TF)uh0HxMIO9;SRp)l
zk%;fj9o5dF4fl({TAwG-M4N%ZZu?ONR>guRZ$|Wb;x<r*5|_STQg9%m!5P}(myLNd
z^9&{!2`xBb+>dw8EZ)3>-`GBSi|gK<`&1<!tKx*D%?Pz-3e59d@t&AJEx4)EJFIW^
zppOsFzF<%K9j<>O{IGP0`d*UChr=?hV6?EX$>9K<f!p8v``3C^RlG&&IQicWd)__`
z$4pB1p}|vb2Uz0EG@S;}^k8u)>N380Q}8(>8$Gfw<U+(uGg4o3rSM><&n&T`v%ULx
zM218u8-1Aq`i2A@#2*||@2A|CXnS^>K+XkIv=8kYnl3I2J!<d15?`uLRgz8>xzcBF
zJ4r~T#5GJt&sM$Z{I+_cYTN@~D^?5Y6D2l@BEEU1DS-J=FA6Z3BQYB~Oe1_vv)_Gz
zD>IH_f+2(Z)t20eX99WhJLD4Da=__hi3dQ|^5>5419LbssS_v@et)ZKr<C?UH5`Qo
zs5(QDR<F@I<00RazV&gyzkPtAgh<|zsqqm|Y<BB#e){<|$<R<f4|7x=?ZfeBpD`T6
zeJGzhTre(I<svEcs{(`a1SRo~0%b_)_nK$#euvYa^FEu1Qmh*H3~*6?nyk6|@27ox
zh=Grn5n~?;)D73}0@YxZd}CTQ8<nem=aW=)N0^jSR&_LsVbCp_j_Ddxc-9VFsKLB&
zrTbtys>F9<<?B{DbETjxZfJBGnxW61y6g4&d!(UAMVMjfwjUI%jQX7wh2dNbj<kI&
zSFpM5E!ny#AX(k2+ijJaIaRL*3!>SvT8UXPNsvy|0W3K>3CxMWl7xsd%#(IA!;T<L
zL=O!cGM+{Zpe0agHLHMFc6TsY(I2-iXQkn$aO$RMq0tP%xh<pGWbR@%p^u^*ame5j
zzv6Hfi%S7<T9Q9xrczvE2v;@BKQk0N3hPgnd5Bd8%@&9~>1BgB`&;jK1+(h<`)u4D
z3CiL%u9m`a?S?xl8@@^BVK&QBq;AMB5>Arj-yZcpG<{`Qlx-L75YpWU0z-F6x5H2p
zN(o4(AR!G(>i~m<lr*T6N|$uEbccX6LpMls?)N+A{NNvO%{<Q?Yp=cbT8S7hZ27?l
zEp)<D`qs-e(Af1Fqe=|ugq4;h#PFh?LE41RkAe5<;e=&XQC4ffFt4IP%TE<OZEb1|
z>z%hMZhe1_`vPU+9yM*;(xn=0*UNqHw*Y3d=AiLR+nQm7^QhDhw5#cM())7W*hy9Z
zzG;$2XGYxqrH~J)9hG;Na0COI;CCFOnAF%8M6<9T!kzBQKe_P#-(*b?&Qi|_CDTr-
zn;&=R8xFEsq0FHMh=bC{kN`F1Yu44zYTbWXT{XUtLeFGyW6@i=<X{8IbZEyC?s_Ym
z$*U5FA*34e$ve1cAHE-apua_Dnk;$676*3UZ|OVIPjcrb|0ywjKvbbzR=6N<w1b|Q
zjkhWnU)ReH!9+kgNP-aHNF@JbI%401!`eQ91~u)Mjb_jV@8pSG*PSVh+S@+?hAr*|
zBg-jZ_tYL|SYJ#KmL~s#TwXyLvG}f@p!-?@k9ljm4`G%!1KV9Ke(bd)BNSq8%lWwD
zLd*p~#`^saO$^(BQ++S5I;pTlmIXAAclG9N=*v3(V9?M{1Fk682$F-;;T_CipKYn;
zER7ZSj^Mm!##yQH3d15f0q@<I9<Vx3JejTy+3qrkNs0fPW4%;qO;c-45n=E+Eqnlf
zs=*>EfJl(rM$B}%lY`yux<@|zdsZOVYPn9|fsdD0z+*-?Fy5}Nf(w}JPx@lH`3{B7
z1YkAbhFO|GT16&R>a2J^0{ZmvEtDs8vj6*0h~xR{f4fEVo9}2!<HU<Rx4{Q0hp3v}
zwvF-dkL)G>N1cUUNvrTvd0MR_54#fvBVri?!Uayn={(_;D%Ebf;V$paI6}D1cC2a4
z`V86^+t0~;U^D1Rp3BUFaNA=rC`H(s5&d!ShjsUN9j*+WrTE_z824YA9)EhXT6A)c
zx*o7+H9qFLR9)$mbo#B9aH@Kcl>blDfvYT!m#?fJhVNv|S=Rpx-`1!k4|@cCZp_^H
zPv~FjQ;l?yZ?EF3CFzZIG9=tqSkHTFhEh?Nx0c^Ebq7_e*^GJ`%}ZPHvqm=^9YjuK
zz5qAbK%XAW^YmA2cG29p_5-=Mqln%s3Fe(uSKgX$8<kp#k4jr>BZpZ>^bgw@L-ftC
zXOe7|5LB1FS+dthlRIzP&r2qvxkE{Y=bWkqY<Z}L-gfd%j*&sfRmMeT_I{g^!f@Wi
zbd;C%Vs4x<@d5YmXPbX8c++)SHrj3Pif}fDKQhsOE*mwE@VU|7)ZgoUzV)vvmMtVH
zUx<G1Q8y{RO54+1waE}PX(=Dt?_Ky%tBjNI!68xtteR{8=3jy&1z5_gjn%UepXhCO
zt1DBCl4{^gLTH(ELpjgTT#bnog*%=j=y9pPk&iiSKh;SRFyEiAa!3%3;DYgzx|0E)
z`A*7DJ@?9R2i#bKR<faTooToDe9L3m6JZSOuk4stq886pv^eC#+i?sxdv9GVJ$2EW
z7U>biYRX+oM0zG`!6JiLVz8(uj8|N}ZbT_3PlGG$_o{j&)5WfjO3m+uV9*YN%zq@X
z#tl~qxn_s){DD6%@)ry_NjRyrD@PI;S{+Ki|1+bn$jV|EKlQ<nlvzd3L5pzHlPd0?
zWtQLE!=@TQGg0Hoq7+{zdi0&2vGr#^wxA4qM@xUikg3-0E?<wK$ccw)`arp>H)cOo
zw8ha4Y2s|;u+ry`qHm^iU!KT-h+V>WC(WPo9enyKoHmpEHYT~%5d+qJyY!K1R)+`f
ztdCwr@eR7Eh9zcz$J87Mwyh|H7dR%B!+THTfNlG|P<M<PYKcX%N4|U2P(t@3WA}p|
z3|tE)XvLI?ov;WOqJnnfDVgj;SPNrU>w>jw*6Z*S0_i@j=dJm?QSQi1kENH?hFzk;
zdS6C;`Ru~v<uAl<jyL3)8J;;)Z)Ci2m!PM%^-GRH5~V~NGuvEsu6Dl^A}t5T^#Z{@
z9@KH6T@wH(WU?R(UstJV>yq-*PA4c?lFU4yUl1GD9^n0~McBj7&|V(dBQAxl>@+iu
zYR!_vz6y7up)a>|od_#eeeI@Wg+3(wXum*WyI}Q4X@s?lBBqCokl>5@mfJRM+5@cU
z9Z@_ef>rH4VW<wM$vWa$7oNh^#ud#MSK#)B%FcQEe&XgvGV-rEVd(Zob?$kMc7tiO
z_voP{AC!krvWsvX#!|2#Hbx~_BMIsDyzUWfu>6Q&)HQB!r0ydFKFsDM)g{gVI~NK|
zqEoiuW`u%Fqz7?musiM&I?beR4Mkx*t_J~K!a5ZxHBA85$I;|$3tL15Ic4IPuU~f!
zAGqJH`Q(IB1<PIV#oqD?PII8q$gS}nr;L^h2A;0Y9qpbtj!T*093`=;QG>*uS=VV{
z-QEg+1@XG?DPBX>7fg1{YnaYuaMeik5abXCd3x37kIr##P6;6x9SYHt!>h8dxygR~
zRJGV@Cl*7h*&}@4Lz66!oqvOd$Z;hoVuYntQkyOi5gLcv8!uf~PeEfqcdpubE^Vmp
z-Me?pfF1m&9)CJ%vns_QQ&)}mr9m~*s)}mX&MaqZ{+XofQY$(ngg(?7nMy89wm#yC
zX2hNKFxM{H0RkrD3;Av0tRi9^md@S{Q^4l!lZbF3{SrOXt8RKj!Pna43Mz05iAWDp
zT!kjsk4m%>MKS&>a`eE2YFZ+!3;I;9o)iaPxW(=|O}81tL4NVT=Oqc{kbnq+Yb(0M
zx9;!u(h*ps0YvYtWDPIBE1V}-oCR>xi#hLi)-<1}?=CpLmhdNrcD`n=&&|nU;oxHf
z8TVH}@h3^j*7SpyR5$>1eKSthAv%-=HD$fj13OP%ykyQ*x+4Y4&j&Ns>ZR%Nj15|P
zQHN1JM#?v<{Rh3OhTU|=g&LohGwyAKQ8rNvxJ*BR`0i6_N!w>s*w>k-(*bG2BEwH5
z|2Zl$AY%o8;^IPbtfdNgB2}8*@?Bvs2OT~puhf04gnM{+hz9#bQ{7`rKACn?l*u}Y
znbziaWkUP$kmR?{PoyxG$V~7%x+hw~mZvi~($>E-lh+9hUuNBSU8?%m#9Zv-9ClvZ
z+u34vIesWMdM|7qCT#w`LN!d!+EsFs`=a-e!iDAYSvHH9&t;vxH%d4m_t*XANAflE
z!1||&mjK$i3VJDhCR2nam3Gk^XYUjtGQYcRXX`(IkIZ)%@mhFZYa8__eKnSsH@_3G
zFzaA4%Ok2gGe&}5Oue?OR~}0xIDlJ_XN!EW-RfP@%L8TD<4nI6;0yjYWkB*a@V)`W
zwres=$<1E0A`$v;^jF>|=uVT>^vVuyXsNmmQLk}Q=pslk?DD^tmnnFW*7fpaZtPI!
zkl|2;e){FE83J5$(SjxIdgwbOT{KwT`9-6*(Dz80;<_}&BXCsc#FP9!J;mLW*XV#k
ziis$qAgKflq{wDEmD92{jo%$hhISvUQ_&mV%!{gp-=&?(Ax9g&s$@YtGVmo{yyuK2
z9%KG5=6P8@=!UNG{7TxPMH%Nvy=C#<Ik!Y1mhj3VB9<2VF#4g`cW5>xO-q20H&$e$
z9jNy>gt`g#<X&)l+l_eQc32Zdbx|O4@Un5~L`>h8JjQv#L>5aE&gzypOU|jg!dcU!
zy%nVpSFC5mBISebB^vBRd&wt^l*+XT2(QB@Yt1!@#Rf}BD?T?DKzW(k0xZ-Q5gSSW
zlUThosZf$hNxUwKN>3*U4a2w~2P*0NZd`$oX0yKlRcg=6x-_t<<`5+2qH}R60+`JV
zk?SVG^iv_uqzc2w!n40I$JBDG*)Ad5PQjJP?HBYP{|?K?b`SR9oU=G_8Vi{jkNuU3
z>n{HH;gc)`!HDLOfj2V@`F-+A<XlGuCj^`EEmh6@JL2y4tyJ1j5?o*yw$L1KooPfg
z9EAa);-D)VE9VGL#ldX_?i2M)BsiYy!tD5wznKwbI^~s}_MI^pA3oF2@b%bt#uaqz
z`w=iqG1bg7sQluIy4ohylk7;6aKkymEVCvak$RKQQqIYq6*O-B5?=@Bs9^CR=q)!2
zIHH2dbQk9A+>OK%S??mhX<M(pAw?Ut)~zL)NOtpb_4q_;D{7SgNYSiKxmT~ZBpXTF
zF0G>^G?GFcArgXg!HTM(qlYbZ`_kJ=M&UxRJik8Xt#Ik85V8o7ZK6F{u2E;UaLE$M
z{{29PnZ$@u#U_CMLbkPlrZ1-A+phfsTa`JBbmGHaZl(%6RsqQFt6)hjbk1pmXAa}z
zmBjaM<8Kb9t_J^GIiq}PW0b(F_l!3ziL8=nHi_IF<g&0UIiab>d!j?s5mmj8tZMbG
z_EADH1;?)Z9bCSiLuCSbp?{xKDzltNWjv<WC5hphDSV+ACpzFwY+3!P)m>F<WC4Gm
z1Uut}ynG}<S!E4@aXq)jr%@5-r~In_HDNvhm}CsOY2QroyWeR0sS@*&j_9rGXLWH3
z=t-9whuT=Mp!V9wV#VstU}0%Ri8PZ*5||<III=1>AvCOYT~<=nKD<4Nz_dG>-&Z|#
zRAAz+i03fmBHzVS#jH&UHfGOtw2`?flcFuF91B1{fyR`J3Plyu`aFF)iP<CMo%qQ1
z!)gjs;#=vj;RhJAF=#x}7-f$_Zk!f$>EStUGKZ+|hvCwUa0x4Zg-0JrR@^|+Rj7$)
zs}=@8C?sG|9r$5m9|lR{cDGyM0koE@JzkX)B`o^d#8S{spF$OTi1yu8VR=I-6)vA&
z$#E^aH7Zct``=`Cxi`rPo&HSj%FE|kR6`->d#&Z_MeL$f;~((bb$1?WnD&F|Ss;42
z6C13#Y9d)_fG6rz9UoMz{u<=ZXq<Of+@Sk7=sP$h`7E{L3qF`q74(2nrQ_g6eYXJ!
zWy`YIB!T63#f^F;Mq|b*uWXI@`;jMT?(sW#q1|+yGYRwK6w1$We#Cb-7`6<r*?kBP
zgJTY;jXyEs-u!@WEubWHK301Ht(!%tyNm9sG~r#}geuI=TAb@bxS{wCM839r?{21t
z1H*w;bCo#@0ttdSC~+_Yqh)>){@A%fOR(d%hzddZ>gGNl6(Nj(ql+24=SW-cM$w1c
zSPF4TpipsY#WaNsHt$Xe^_fO=Kh-8RY?Te+`dvAe1$`yMe|Rl4Cu=x{KHn->hJuVt
z2#&`YQV0hH)nGLhlz%Y7fznt{Tc&x`10E_4$jIl|)UJR9evp6P2lC{YcDQ;)3Yuqv
zNI()tgZJmppD}WBy3xJM^Q<v|hd%biny7SiXJBM|4;eH8oIdiJaA)OJf>vs>h>WYL
zFcGvM*0Y4lC^Y_vrNm%&^b9hK{wH5oV&#ZDC}2jo&wh+QF_2U?kFq-La?_5lgO&L$
zKAF|_>3F;UwyY)-Tc@ZxZrpNJdarhU%I|O}KSr%7#)Bb|b?YObcL|N~oS&-3SIKwP
zvca_8yGleA6s*xL!Y6=rmJ|mtgZ=GhNJZrkSHY0W21_GT?>+n{qVULj(2yXFA6oVu
z?Y4u`K79_qVX)B+CbW9M@J7eF=G=lWzjf(Hls?^jevj+W!P)g~sqM-wP^UQqGcK&`
zHPO%L4ST+KgHJPpR$STt4lygHOyaR+_XEdRF=(ec44F)+^!8^{lWbzgAp`<6IXGZT
zN(ATnbd0(lNkV!0G#``ja{LbgF)A}>AEZ7i(-|L0>*%`U#Fom&%!0r76oh5+F2&<g
zI&Da4Gx{52ef^yV*Lo<&O){IJV6!TRxbr1ey(2e4WxU@m<PWjF6y|y6K-Spslf312
z;nw#y+DDhsp9Y3(2ql>YO769VfjFdh%49_OtP>ywC8K_n0p(8^xLZg@jUfAjrf~3#
zSbzz$s4y&v3*1u0ej%ia*6TAB9#mwKp7Lozf;us0cbA4^jntwgV@0b!w_2z6T1TCy
zJbSF%anNMy>q(Cg<$KR@go-%(T255HCI5ddfbF(yjniyJ3sA$kFxO9QrZi*~b<p-i
zwU(@fwhf^x@VW$gK(niH$;W=B<!_ml`tSvFKxCHxUHhytD?^qthy}aj-*u>b9KkhO
z2FX&zp1Uh-@^%()5z{-jB9JemwTd|Y%KZy2UMU!RmPaA{GXx671R|UWZrtARm+wWO
zu`lL0QJL+Lq~Eq^-fmDv$(-OhdA!Ow9`ktqcB?M-)#RY3{af|Z1)@f;o-c==YsTJ4
zd5}QirTGr#y8snBQo;Ih>PxT(w>yE4yKAiob(t<SdU!kMKU^&XIGsITD7<*Ic9L=~
zMfO${Xa8q<@81*|7?Otc5^Z-mgZOcG7(~xwh>|&t*n*T)^N(5T2&>cf>-Lqm*U!x}
zef%sWzXg$O&JqteXKbnR;zdkXPcY4_ipYiuo#%i|qJUI?^YlUQgnS1B+S|Xx2pa$f
zsJ=8Q46e<+)F90y$5I|kmPM+fyIys+{O4HQ06#^P?0f>j2{o1E>wX8a5T-gD$(R0G
zs>$QN&K)$BK>yH129;NRO1&1E7MAv#$~J?!o@9m!ttz6XFfLe%?zuIKO{wSA#B=tI
z6R#=C&u(N5|6sRgvd@G382e&gzW=B`q}<i@>iuWqJ=QkKZnL-e82@C$dL8LTA+4*f
zU*$D<LTOOIAmGTWW$_E~;46YuAh0e0FcFiKjnBqjZ*hcKG6LRS#m^e-k<4q94FXJh
zJZO_cmAG~CtQv~-c5`=UP*45^o+J)-kiu9IB*SX)rx_(Xh3Fx{jKN#nu170f#Th5M
zkPJS=1t+O~{y#Is`M%MJXV~n1n_8C<ujfAIYi=}yOAQq(ZJbj=Zr^>vlfk#pPO;>E
zFXQ~h2H-yX1uP!PU`E<U9*d7%GQ8#m?fiIOy%XMSx)=0TV60!u8ai$WdLAZ6NDd`^
zguA4w79Y5Da{0&0w1v3!%lkHq;fdiidT8fY?R-U{d}{+KJ`Ni$D>dct|IWS-6#TuP
zHp*xRhh}Oak}A*voxjvq$E4rkWpN6c%|COxFi}XS`S-oue4F=Oj7w5GHnseQ5y!eQ
z4}RyJwVkLEbUbSeZu4VQvO--C2ceglOdshyT*#J08Kaqy<6utN35*St+YLS}1{po+
z$d~b;d|q3lee_64Q}g(ekW}A&$N=3JTBB`bn8JdnZM6?+Pf_qvV(lSamrtN%3MFZP
z%nwMm$kPzyFHRD)f_e@ef)2Se2fDWomzp5-R&nI!4^Oj$0|y98O!uEL54by;6E1p>
z0EQvM@LN7RhD>q>6H$EJ!5f%mlxdA+M_AF1U@)~}0Hn_9a1oAKUtX=+vth!ES%b$V
zy6d6{H|;o51#))r?0@$`Bd6{ch?GqjQ}+RFYiCeogwWA4176cDZ6=FA9P3sKn6X|z
zxilLS*)#h-ez}>inJ)Yb!`}WQXZQZhkh?VpE9vK7RaG+|+AMg(p+;*E9uM#LlsqqH
zAUCbMDfps<pC#R&xJO0C^hn_jp5IV0g&bi?@DVwVrSM!B(sVp)MmA0RGfHb+vYy{x
z3kX(U5#khIFldF7Etb>Ww$$TG4_^^n1$xe5WA=Wak6RJvM&OW+MuY24h593KvhOw=
zvDeTpvMNgGD#Cz5HtPc&VqoQEs*&Knl!EX?br)t@3UW86X^&f??oJ=5Lg6hXJLYk=
zb(07G7KM$_j$P{;8gc+0d<K5(p`G#?$aJo)U5Cykdxt-0;XRQ1q12dm=Eb+}&a&sH
zc>_3Ci{OSUa%Oe;Q{@olaTic&ZML}5xlKqpiw6~8LTAOAv1$DVA-eWW;7TWq%{vMr
z!=UjqkILA;7J4YZ*mlAr{B@>#aoUpclVUkqg^XPDvtLj8Trr%Otsp~5wwHhHMe2ul
z&i;-9q%MJh5~YAfmP>o*_0LOWbADV8<Aw2ZtYHFUFoXVz#$J1wX#g)%90ll=KB4_c
z{aGTx79%J8ahb!c^^jaZp`bWy=al?;;8g^t{3T7<ac=ZA9v(xC)#>Fgn!v+SWaD_&
z@r4mrnzB&$U0zPkYMe$_vUN2bp`ljqZy*_Hl?>M|)?~g~`$)-CGMp6I-fmR^FfzY}
zSZwjTSjOBpKhUNB<#8yu4;_%h{H^QTb4bB6Y+LV7z6Tof`F5J?SC!VGOip`Qp{xE2
z&)3Fw(wZC@pKqbt8QYfe#UEC;kiBs(6q5y*eA!jPrPrGm#HR!Q7rzB~y^BuZSrDP&
z--l0}ZI5n}a3Sd=)Oj*hBBVf8*mP{0oGFLE*J20@O2(M;mKyoH-rCS6yt~&wF#k4N
zY%>|n|M$*W^H+yI|Aov9Tg)4X%zDsDLp!=SVD%aqv5;6**4Gf5s(eRwhu5#U3xECu
z<K-d`i_sv=ItY?Z8anqnlMetPlzlvB3}XX4lY>L~<8BSdCuWI?)T|apdVKj|3=ca;
za)vE8M^Os#m_2ck%QCl^62mgMeeG`_KQg;=jp=Qe6Flz3r+Is2d+2(#73%dfGxltp
z@J;@RS3m<R+q0%uQBRU=?IoQu^fz&!f?{G}A3v_~KVUBS&#Qo1;jb8P1t%Xskm;g7
z3Vv-rY3@;-35hYS)M4O2Ai*?g9`FoXOx{ajA3JN_Jh^-UrqY<18%E1<HI;ixlzELu
zbmJf8)OewN)+&_C?ZTd&d(*R8n!9U8@hU2S{liwd-6o`&AK@EEux&#S{q*88fbe3=
z;CziKgI6&)8ZBPWH*@#V$JXN{oTQq@mi*1Vn&o2Wb;Fio`klG{QF#$r2b-0L64Q2-
znRCF<5cAM6eek^J{M`FwB3)6i5SKQ_b<;$FJ9|R05-6CM)Z#B=6qEkP)&<?)h1Qn{
z*hcX!XIw)D?4khOXGgB>B_n4hcQ<l5+jijU=}BQ$DvoAhzq05uRA(Na3xTwdv<vjR
z8~mL7S_AKOb79K1%Xz{P{AqpWfss7|%_)|ZzDJT?lERTMinRVNknp$p!h^Z_Sx#ve
z+P)amm<sFUwyDG*KF%Ct44Qy_fH!W*sseN$=j7Jkd728$#K^_7(&hu$?4qiU$e{1&
z==cwXsm7nu8UltXuoVeX+@FNUE7UdRZj^<&4vqYk#g`H{|KT<S$TrV!iwBD-IU^7V
z@VEX4Fl7@A$uU^(5U!jtBmX?K`_DI%uw?2@dfy)6j51G|!SQx0Uybg7VX?d-4BVv#
z5IG`wt$7WEEB<nenUH3C&jH7DQ(t#yQT|KSWwA`D6n9hml^ohi8C;X&I4Jlz^4mQJ
zCHCxQdq17Y=5E$s_Yk2e^raV?<IU55{#->?R8-83lXlZuW3*fFb<`=aGB3GP4JTVn
z0bW!BC8^nCR_$b@$s8x4gmXj+?F5jxi3iym_}oH+T_oQs`{$2WD~rr(@mlhyAVkyw
zFhkDFFYzs+S=DxcbDLu7b>Z=+_@E+zmsR%s*1HXMJti5dtq!=3Vf0Mx#FP)NX*$*;
zFiWc7v5l<degXieSY3>wAdustcZrM*1Tof0?SXKf#3Vbx@NZl!(l{ZT`C3tO_jt<Y
zhT-tx(}nY*6g!o0%MGA~Xjq6*?R@=Ih!!{je%+CZk~3hwG6Ynd7Z^2NE}`fBhz^qY
z-XjUf^%h=mpZj6{n}U*wmnQHaHXpdYP*Lfro`;`30YT^HE{=}ZAY;M-64vH@Hr1vp
zif+W+EYhflU}=@kZ2idgV(>_Z<Ke4X)EiBjhoa{7?nCA{nCLBi+J*<;cCMnM%1@BJ
zf_t0QEfXEm;vcIoM@_=S0_+<%tmN`dU!^H|SQ(0NgbDcTb=}1hmO6V|?MZ8aUI?z{
zmp__F<Ti2>1+L-rEo2-Fr{n+fL*Ruxd*u7y)=+>OQA5ENYJ?%xLrIcBLIXMbc0fL#
zuog9QJQ}_D(ZNnyJ}&s4pFQp>c>6zjdU_UhQRrNsr0P&Z)soibA%gRvB_!z7#@T7m
zIhu|)PGY<1Gn6w-{Yf}RO!iIKf;SV~1oFS|APN<j#vbIm&iIyZj4}P@m^tw`U<E#}
zs;|XR$i^nhoZ-@r&B&neDL*C;6jp3Oz(Z2XqGHL1(fc6T7KP0i6K-9DGKBM^BS>gy
zX`gs`9Xk;-a|3S#1B_bHnm8jvf8@y^7C?$_Sjv6n2AW0!{BZayAjle`5B;17u1sp6
z^=#%<8)J-)iEt#V|L0d`?``+xb7*_3;K<(xyrM;aT(oyxwS1Q@XE*f+Q4%m@VD}74
z5F_%;LQrCUYU*5R=(1ATVHP*~@Pqt7cjn@ra$coies)whT_eTOT{D#M7p_UYJ4td0
zediJqF-d3Y`_7b7?7{aJZ|+Hij+MU*|BD1tp8wRk#9U(;Cuo%wJY7>6`OHcnV=N*T
z2p}pYPzI!<`Y<FL`N8Mtnlusef3bP-tbCL(e~|aM_u!DkdUqI*?S2@HE)a9q#44Pv
zvv;M6AJuMqL<wI=rV$In5Xo$~g*LRZ;kSl<$giunuvV(j4<nwPH9joOO>`_l0hdkp
zUs!Q<0{EONA6huRM#wZU=rqyk<l%#S$D#qE0@skw(yjDFv7N2fZb)BxnTO%3_6n@%
z4ACr&=X_C(wM6e)w%8Y|Xr3NHEThg|?G09H05NnY>f{0BB0gH0{z1BfTn+&-F&)qa
zFd;64gXf-O5(h-S-vHe#W%Nn@!u>iD%%EqAAFUBsOS<61dd#iBzzSlD_f9Uguw6fo
z3i(ZNi-`Y-&1)y&7ashJvHA;&`p$pkpl#zyBy&2(i|Ln<-=ld`Qo6ajJD;B3E2jZ=
z+6fR{_>jg~uKv7*(gpgWoNjgtWn=ShvUCK|DQvG6iXua{@g9LU)1Jo@KGO88P1mvT
z@U;FZB8)>Ik3?HG*nDR1+!1Vp=C{6;8r>-l8-tsMZnD_iIug)OlGGyH-{5dm0-liW
zLjozTOjPKVXeK?9Ekod~V7k6xj=OLM$#QM`T2y`5U)-qpUV5Sho2NW_obF*_Uw8G_
z8j16)S2!zy6;6m?AZ#`378F+sw~B0kvME*dSI)jE06>4?@#S1reKs{{=UoP7yzJkw
z5YU(JO2~>+XO6>JIjUVoslc7VS*X#n*uvfO&Bzb}NdoTZg${p?lvnjja9HhReg1_N
z=;m8`47E@aV4ZB&6zyD1(^#X(w8yLlGam15l`4CDNZT1X4paE&s~9D@@vu^fv`zA`
zcU!rUPNZbcpQL++5Znfj?;5CJ{vi8?fpkz*%I>z>{buDE;YCg1`Fe3jERht`E2&tS
z+&ZC{(!dJhX_LR<gmZmIGik5Eg^=c1FGk8o0+ZPVc%2Gn@?VZ98h{;LQ_wj(mKn-0
z!}-I5v}$tqY}_Mx^jcB{<7Nql@4fyI`B>XaWAN=5)Z*`6ffXK-O7yxSQNb&mczkNg
zyPQ?+Q=U%Cz1sLwgFIP;VDPn*nE$Lx4|#<XrvihGf#rP}A6^DS0=77$w_-js=XnJ>
zYQAhn%6fo|`Frou*SEh_fYb`m<LxVo_G#Wkq_pg`wZ(c)n;Dj<=0AGjP4wV-l~ln5
zY3Q*Iohz*YlL&okNJfHgzlgRgVEU*!cZuHDbC9=juk`8LqLQ7U&CSgVO``UvYTz&I
zqHaHsv{y-uRF>*5XSKX@r<}?yPqxQ9w~3{3y&<){`S;83Xmi+m>7xhMQrR;#CK-%Y
za2ELZfjk%EB-?S%^0?6zcNqG{ql!=xT`K5*)i1~gDpiZ0P=foAY0v2me||#}_W{|Q
zyYnu5dMBV3kS2)K7zg3RjBe115ukv{z~K2jXOBe*RX+QwI1yR=;$00i>Rw{ag3Css
zvE9uY4bV$#!a?Pc3#wcdqK@AZaGO6zqb@Zp3^h_~T1nr&K|!h)&7K_js1o2>F55C+
z<42k>BP14`P=5=saZgVtnZBiJIjTVX(cZqCUjT&*>g2MS&_b=^2*GacnoBRrc4LZ<
z=0p_b1MK39HH|1ZK?rVXR;bU-X9xQJFR71T4H<w6nTT2a6F7;dfymMTGVkC$zwoTV
zGU0)oM_?e=j@WN9CJyx+>5x+Mw-EFCBF1O;O?dxgOe62Uo!TZvXm&eFpuRv3O)F8i
z_O%yN!1j@#p!`&dk~ALVGVy>p$Ot5rmTU#_DtEHr_tCIFuW7Sh)Bc(i=FTA7?Yr=K
zVb<MB6XFq4j?=T55;J;u5kyS1vpGwxGTbb&5;2fyow7;pDoJVz0(b8UcCKo`$MsXz
z%2Ij?Lzq<9M1cGlcL)bA^zIS6DGu6KGaP^ZxL!@yw|#QV^Cg@!Y3=$+QJGT-{Z?2G
z;w^S_XcVX8b1pS+qPncwe;n2=xb*b)s+M$c`%0kxyS?=FL6Sr#>h=I4mpR_b%iAp=
z-*GkRogU_{QjlcQ6-|PWz2)jxzOAaP^ms+op2`iIJ~K}f{V6GEs11VCA+BhR3%K;_
z81qRaMxORk%We9VWqCYac-15;#Q=UiD>15MKY0D>^7gI)99*N2W-IS`MuvY1kc%D}
zQsxLq9qUBM?h^0nMR+B)>+IGC-=jgi`P)Rgh3m25=giqskRU;6yWHM~;}Gohahivm
z?E2*YWzN$KT^>N_#TTk}o+cym{tEM+e6}2w!A?VQ{_vU0_tJtanS2$<{r1Y7UfOSE
zW`eZaE(jAtalHAnX(x^Je?=u%|FI942UQ#=5>uyGaL&)mvn93OC5L-b1lPfk%BIsO
zE10i_mk>9knKrVm@y6|l86v}@Ry%B`==4#3-Z?5H2kvppXP0;j-xRNN2_<p#pwW6U
z15%2Er*{@`EuK`k6-o|H(9+NdQb5rZaE^X=MN;2?C2=e@q~Hg=X%*T@Jj~!f9|3?$
zNT#PLQkd_2z=fF6)z)@XCsIt~CdPpVD#6vLO#>A9ebaf9<4Z8!_&}O3#Ri-?oyQe~
zNF&s04`wB2X47B%TLxj1{C}$)bpI9{^C$0wjgF4mLbM)B?*}pdQ@~lOq#kG_;WExt
zdi<Ul-^BM=a7fyX=2>xZ`@P)$lSK<Vn`A3T4GakX$%cr7Bs4(I{6TQK1j<~L$J`pr
z8o~0i-?a~qT1%oYbYu4Ei>#U`(uXo)BEC+B<r5M8!;JUj4gWgJ>K?zZnd|Vq-P1<o
zBv5B?^brOcjaPjF8H8{Ci=nlZxQTi$!fXQ|>#uB1aq>}p@@hRug5$3th`%U94=iqR
zp|7HglQht|(y~dUiDLwZv|2dK_Jzm8Nct1ykB$cMxwHZ=v!G(_3J6{vb;o0uID{cD
z_@dgiCMCJ6aMrE*K=NQ7ce+$1E|&h|%XS+x9pls*$HR>B@AB&p*TX>x+k1V!+-4yN
z4k|{B!%LghG=59o*WralRhgx&zJ2?VZ(c0ruDex<8pHg*Jr;E8SO{{2-CMjYDfd>3
zAKKpC9oQKv1OG;q*QE9^p@O$X34SsV({zGMd|oK*QhN+x6??q%oY^8xT_Lgq9JpJ3
zP!rcNoV#Ny(fz<b(dE6TPEuX}6&~Cf`P628*p1UWvg$Z);-rI_AFs=uzhR(Ci`pG}
z^uOl6-dHQ&kn|QAE?-@FTu2(}(RepRWA@IA=1rrt-Bc|H7rE)o!O6R(FKpSvKHlE@
zgIW{1Ih+Hp@u~TX016EPW$pfRG<RW=V8<1=44v#>1h-Mk$_)X3(AS=1{c60Sdfe*B
zK3z%zBZn3Jwv;gHDB@?eCh%^MO<ty;EJz!RIOGD%g9*P?c^L$R^*vCwhNFv?G)_-d
z^nw29a#=Y>hDY-kkH9xzol=3oF)J}S`f9N>qWBToyVG5##$V1lv+t<hcE|j6pFf&u
ztin_sx?~4AVIYHTG5NztzNUe}G#Uhj3)Shqo~VC)bG_#wD5V+qx`4!Jp{z30bh&oB
zorK}qh`L1LmBmY#$4}9GD6=AI1#pQUK%Fe0FFmM?IsMJ)A!y?5Lb!jmg+A{#?(e_5
zn?_5?MBGy%SR~VoF5ehP#L$%U;QoBw$lf8#znYFT6W>A?xP-2!esbTY0QqATyz)37
zV1KvVn@d&)$S9c%`h^26YI5F?Nn>Z6XwnEAXC;cW;--Ip{%ow>s^F9yY7sctG&?(M
z#M?!tnLcjl()$xwHIWk0MM{zXf(B(ZAbFprhT>DdK$G}w-`GbR!b|yu$4dB=Ft6y*
zzi<mdL)ED^FHrXgc-arsw=g0+(5VqU<_@g|XZxu{Jy!8JXpQxCSU$3oh*4D_TqLpj
zz^e8N>qA>JJtA4?CNKz$ylD(w-s$x;mv==3UH<mR^hPyT#W?ZJRcLvI#{73z5zkkV
zbMR-rr1~H2Td$$XTJo94AaE1wKMHMT%d-UAHB&qD#zxPeul8z{;by&B>0-K&uFTct
zj!wMq5dkV77w`T$;qu}vNMtqF+9W}f+y@`Z;Nt9jyBE)<J|>`(ri6Fr{T~u~Kw6wJ
zB<Y{A+DEp_-j6o#Sh+kcMmJXcqeF600C9m*U~;V@S+UGn#SFgJrtma`<toMa>c_`g
znIB!w!{Y<UA`n3Q7zZ@&AhtwmVdu;&EytDjDUFi$P}Yxw1d2i)u@P~5UJ!{$7FE8u
zE|}pkJ~=7MikPtyVTf7px`GOfoE_<>kbuX>AXA->W@2bo0%Lmk%6BPr*7xe*Y)Pj0
zU>8L7d3ys;K0vLNfgYk@VO$Se%aWrjxxJK;sjh!mS43jRH|yT>e%5XNJeuJ@e5Ade
zmhnSE2eD9|X`8R5x(#IF!3zr@r!!vY9E;r&<{`=Ef5f<bh%%;L_DJ^A$qPpDsW;hP
z{1#6;yk;Ekq2<umdKzUDWeVVMzucEM-sj93kCRe~Eb3i{?rjT7f1%ZCj30g}r|El4
zqYM3tR%@hv2v2huw`ydXd=pAy2I9u4AzJVn`~;Xj3;d#aAtv2ftkId0w!BwZ;Cl)7
zr9uqsw-liAfJQZJP#Y))-@%zlqhj)lguHi-*Zb9fg{LaT03D1VC0!Z3xBSO~ULrZH
zG3AX{?AV%VPKdq#Ri<R*gXkbvqU)*Z*YlTa^HnBZRF8Z1F>EgeI|gUcl(C&a=0nlA
z*X=y058HUdlk@=qY2fXD1vczdMHB~4%}pJe_`EQ+-&MtZI!DDrvq8*PkHp{0-}`cC
zna2fYPuY)p_lPOS=YHUt)d4;%0-+>9Xt7g-@Fbis^<`AV^Nl11W-DQ)Trv1fUd<Tt
z7u!zrcR805?rv94sYo+<5r&InWA2_*9qMXNcoc#8dl|4IoEtPj4`;zJ9FQCu7rAj{
z4q5eTDw9WWk+8H6Q#^Q+$3=h#^(Glz2X$Nx@Zb2SlcuM?u;bl8O+KpAF^xXcMPnAn
zda5N-Sbl!UCp;+DeV8)n8Go(}l+)UIBU2L-ytYxrs$%SFWWYAQwRq#XE<07^xBB`&
zWp%Wq`VMLNKMJm3F^ZL(k9t=D3yb7VAmkP!jI^WHdtueRrC%r{@mlKgF14WG4T?KU
z10-zwPz2{1$z?nqC}xD@j5%fda{65tl7I*QLQ>*&NB-VtdzYxMeLn}E+fe;pdVe^E
zCC(7|ma2WU%D|i$IK1_PlqDkyX?_rx7XU2NhS6&&9FUyXdURQ41`pB+F4A&hD{L68
z2DYPQbrYo}h9m<qBdI&f%5&(Ke_SRPIiP=O8qn3tK0*@>Nj9SsqX$kx&onhPKL8&H
zV$D;C+D@rFxEStl2iY?`UQ_NqZSy;bU-=p5cITjf$mhAV5F^+gH{mGHTwoDpx^?6$
zR!~qci)|T*d=HWa<B;jdc=lr+NCphR&kKp39&+3p6`2^nZ0#FPst((<umZB(_p(nB
z_j(kK3C)npvU~>>a8osBIAwU;nL^<&$v^yxN9^o*JC)tsQPFPHQN)-rU+IFSO$$#v
z6@N?8Pbeu1w5Va>(HwAclY_H&$tY%q$gvL82_IWFdybn=L<19=!XqIu7JR4(<k=d3
zT2w`clVDO=Mj#}1Bq4}MF-Lgc-<@IVO<|uKoJx5Yf7Y!h=cMd)6ZY2rCp@S!TH}_d
z)F*`yx>rPi?zfIC+2O!}{#8R=7`|VQQQ2`_C#G8Y={4yP6qpb~8TVEHN5;D~PKH_s
zjv=|f^OQe5n8<ke6G95-P3SD5_#%{Z9FdzjTN$MTZLS^E58dX7H!Pp%-c9=tU~)X#
zYhREzMV>rUzpgWYB7FN$C#I=`wNad#bno82t>f)KZegPvM`J|_Dr0`enPbImh_JvA
zG(fiBb$st-A`P^!vG#k%Y+-`qmbrLvztP$nZ29Ehb50R33p<DA&z)%+fkQggCoHB;
zCIkEW4KvgtazI!EAq~7)KUqWJFr1^e`udRtp-v!aT^@Bqr`#f~IW8z>7eO%&gkt&b
zioy^MaS@T5au8mA@$uAffD`oX49G_%l~)JPpc0Sr42G|mfEJ;)rp?s^r(B8zheA)b
z_e1T%{w3Tqbo8R=50q1EC#lk-g-+_3-1qg2vf{bWfPzQG9vx-Br~EzGRqX)*wcu+%
z$x9He$zPm;q=2B%FQ{wg0-EOb<fgz7FMqP*H1H4*;Xy+o!50I50<Q8Xe_YaEc_(S*
zI32)~-`6Vv|Fc$1UGz~@M7RcQ$|Q+uYxOzikdzDNKKG+Hzofs>O{m|_%!<0^lkDR~
zxF)VfP)8T?;XwI?=MrTT+4yWPE^AOLwd-0Pmwx5hoCw`d#jV+IiJWGHhgMZ7|GyRh
zkODV#D)4xcm9g#Z?MEOCE8U%fJs6!D8Xgvw4d%Bam47}Bf2@Ewi$_qi;wr*Zc;LS$
z-tVUW7_Q}rX3QbUHpg*uV<HiBlJVdyDDd``$r9}5z;hUVh7hfYDvn3EL!x06)qK-d
z-M)Y9IvO_GuR1`R=&wmv0uQh~RhDHK{tlU7qf2JR{qW&|shmUia)u%faI&9qR)R;v
za2g5<1U3XkBFVm%l<fCFs95P(aC}h=5bHdiqEq4qjr1{+(Y=C#=CqDjVP!9`GxYA6
zSAY|A47aHH>|Ib!(i#)s1sOp73i#mdg!jTi%amf0GVeBZJuSwCdOsi^cTbv!DSuWF
ziQI)(A&_$XYGdLc!|A7}sAviJc(ULq;);|&v4H6sH+_A^qT=F57_Qx&-F8o59l|f(
z6tw~f9U>G`N9e{`y(Np!TJdmvjXaVXeiWCZe6%s;PVgzfutf5n<@1kXeg>7sd|a8+
zf#78c(!7Zx8WxjVH{#~ob)z38oLR$m+#<u;uIF5zXC5N61#Ir-S(ugKjD>}TJNpL*
z;zcT%4tOsCEB>jclBD%0;jLyAPG;1ykx@4j=>~p?m6pkW{5!>i>v7+D9B4I~1Pcj{
z#x}E_{+a%#9&#|Tr38=hG@n*Mw5XG1CENah|G<3C0{_UB7uqH9FxZ�jY=E?L&Qi
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�U_tjzdzqEAvJL%IrBK}c4eu&}U`^0G5aE-)Iy<Tc2x
z!>%{$u{xB6HEZ|Ym)6&NskphFe4tO~^GMdo?!q8Aqn;=p$!O2X49yU5Bi!QJL#oNp
zk;CT<b*DCw3?dCBFj$r<atZzDNl(TqV92u+Y9nhuRad*v2JtOmfJ1k|S-0t^r%uv5
z`&G$fZt4gwY_?sid}>hN3SjnOe03j&(6t5#e7RY07qpLmQasJ*meN+H`jAW6{F^l{
zi1|qd=TxC$Ws8$c@Z7t_k@DOA(aHgnTw$j?yW6WXta<oD-8$;@*;#$7z`*<bFv3zh
z73*_m@fhd5Ndg){o;!jKg8-oi5a;s;O^>EkBwf6P?pzh+=aHi*lg-drYN9u01*)Go
zM(gC?JK**T@ZcZbh|<b@Q~W{GCb*w*%163cx`lbMk>bkteKraoKUBob<{{1rD{H=8
zbN!B|to@=?9jyrr;o`y<3H3cM@kDr&q(r?mOx!1ehqou<uSEW<)r3~#n3J-;#2>z_
z{vco~a3YJ|QH2@Gcpy(n)Y9y8wyTs7MMo6*=(m{US1Y^@2epJ#RubmkiskJ~UzgLH
z7Io3l=852Qp@yS777C%a(;ci+%<K<DXxdj0k<@?<>4D9tLo~*rlx$>cZ@(Y?j|!v@
zZXf%!93ZtM^sm1xo*MlkLCaJnTewCI@nlK{*^TV+V)nt+GfJ29^6fj%&dF9bJd3t8
zRj`T1gH)e2srb^eqMXe|;Nrz}vpFYplHdJ5KYcom{aw}cF@%zaW)RIJI&la1v*cyL
zM=pS@6-m3(-oX2Ayw!eM*ahWDM%EuRW?o#`OdM?sEKD~t#fI4Ms~YCTy@}{1<;$B*
z+(E@stQ@Vkv0+67eWTX;yl}MB#3r4<+soQ<n6zABa-_qXN?H=ZyK_Fhq83`HT5c4x
zoX-<???+BX7R(o(N4F3sM?%t>yn?}Bq)_rW)Vg3g8D8wqCbV@U(xPIniNa`1CXKFO
z`-$yCB>$qh$6Z!I&P?X*4&kR45l3f@lH1g&RRJ+1^nUAI;!hk;F<3my`Y1UuoC$*5
zM798zcQP=H5Gb-g0l)0|dyV6?$U1aNZ4?c(q<3Bw7<Efw78|F80dJ30`(ElF_J4RP
z#Mv81@ds&SiALwG=c|&DUfeD&;3HO8Z!SYLUa?li1OwgaOtrlkoVX|BPYBC<<74qB
z{iEz4Ofwn20hw;SKU5*&#{{_PW1z0tis~bIabG0Gx)x3^w)`x_vf3n`1b36N@_Dr$
zm3RO$wX2y;ya~g||3yc+lfUgp=O$<?4tAbv$oHI%SL_9TB^J{(DaRID-0{?hIbH-M
zpknH)i3RdSCCYbEN<JD!S>W0vkUUm`7J#3YP9l=y#ek;!WpcYJY^93IsX#=h5M_o7
zi%zGk@OFflxV&R0e9#%+JfeNR<~Dg-ue*=1Yoa~;MiAlny-vKxuvYF7EIHDeJ*XJ+
z<=m&m7t#z}_LkQ$vbVFF6Fy9_JUi%6zlurZzCNNbNGw|ZzO+Q(S>uM66$Gun8C<B+
z$Iy|=7q`uq+a&maGI-bLb(j{*M$nY>bAX*0;X3SlmXmlJ+S62dhBE<yZ24)CEs-*6
z;(^@BszNqES}lBNO@y`;&>j6^B+mG**L|h6&0}@ez!SuoW(~Y>?wBEobrO*8t0y90
zK9r}TB-Cw^?U=>Szx5BNJ{n9`mr5z9jqDJJDe&8@a&!H(WKh&0>U>Zc3dKV%6bHV9
zx{N;)Nn>ef=u8pUj1<hYRVD*<5!KbhZ=Sx9+ZAADTsu4j+^j%rpkQ3~!(A3Vh!C|H
z^rz?S3e?}ZE+T>tj=U>+s3v}}4f7ePevA46Jxaq^d4jz<$kaG04PUtxVqJ7{Ge2Nq
z^}%BCq*6joKyt8`mG#m9#M76)b9j0S&H9f|cq*xSFiWKT<6&Iy31)Hi46DyL2RnE~
zN4b^muz`wI&jh-R_RB=kvSUMGGZ7C#kX|yGYVdiWX1=qbZgiTSH;;s0Uqr~fD24+J
z!VtjUM2EGk0gHZIzUoToSU(>BCL*i!C@S!5SzLPIZ~uMZeO5)^&(xzyp3S&>xuG9|
zE^?FJA~8wHW<H|dR%HVry5BXr8{_i*MMd^yl!)Y%7z;kABQ&H6J_e~9@^YzfZj7dq
zvcHm|>+#(yYJFzxXlpAr1j2cu-0r?7?Pg}JZ*KlDtA1Zp^uUM5nS`Wh*%cB-;-ykd
z(t<{T8V&f|J9eAK3kHX(BWOvW8QaDedGER)VeHaC0DRP&L`jy|AH&Et8=}JSBBC2-
zZa-#A+CQJ4wdrnp;^<d36BcJci$$uF31uoc!HT;vteBc|RJyNvQ!c+;sCjOp`UVH}
zFN>yqrq?qRTE9o1FQou~$dxIO(WP;K+w1Jpbukt8jMQgk8X}YG(=Y+ZdkJux{LuFI
z$H=}xHrR*X-uz^rNee)0O4>8M1VIjcktjl~{IjF|nDa*YY%Oe(X#UoOa_YW4-g|P4
zzND@Bq+R7C`;UEoB2?+6?JKyd)juAKT6($Y!c>Eb-<Oc*B3m&i!k8#)Q+|#De9T~#
zY*8VHhYAD!_DR9bG~xSP2vzdLl<vfL*cMj&>lQ?=U$MDaO{yWP;-OrRaI<TaokgKt
z81^~{=X_DCdq{8ZV?#Es#B|A<%QA#pcC@s_d;0JvsBMebT>KzmAt5P{7OhHxxM7+V
z9qj7^EQbGTulLGTK}k_cpEN}uuoLyXgMvy+i<J2QD9-f@CVMhuJbKh&5h=;;@*}uc
zeiHEml;Zl8{vDsSh=|8yGA~UB2M>E}B0QK#O?BJ4qdc=-gGwxJxV7sEpF`T|QvK&I
z(ACf8O(~LiB($vohQeaL7B{!WrYglHe$dP>zlh#JO`(*mZCc@Oex|McA3)~?wly63
zL?*Wn2eGMCxP&^ZH8a3BUr9XnyvtcCjVsk<K-<H@lG16T@Kd|fJr61(kCGtD#&JzU
zzOTifV>g>1XIl6>W_77SNA0|e;p%wp3Vn)5K_w!79pYoN9!L)f%F23d2Pf8JP#QPW
z)}|2XA;)EGj`C3cqlQEi6B8Aaih||cq{mF4<@jfjf$}X3&V1hbNHM6~5gSoimq>_U
zi~bu2ZvTG?fm6SJosRtc`IAQ}`Ba2xXE<@+Lmd3I%Dk5VBeaC6y$kRWSbQ;}iptgg
z8yby)h}A1u^az0+pv?AzeA7Re`6A2vJg~r`(0y+U^T4fX!Kr(#KIde_u0e~6Btu{V
zRPND3KU}I<gF+?IAWcVO+|<7v9}hF@wGE-Y>vg(YttvTh>4q=cvHnx;@5^#u^EF<G
zd%eJK^g26<SiAZ>42gjVjLy~hP((r;#8B7*QFx1>surso=$HB6z|WtX$Q}*K{s^}K
zdLsF6H@VKKm{UfM5#2#n71EHK?H<|Y+q+WO@R#9j;oV_^0~#su+0Hd$#{QR*n{9ki
zv_#!FqK`rTf+^%M{ssa8@4V)~<C>VUYnABxx*06Xgn#sxxihrh_YEbzklW3sKGr&1
zLI36t4`Xe>hd^WEu>}AWxSzd02TU%X|Ms#>s0*vws8Ftf3_kORKwCisRUV2iX6doC
z<V(y=+Sh=G2fxQJi1ZK&Pa>SJjW11w?@;1x(bBw|AN-~NnI%*m*<<o-4o?kP`T2E|
z5M9*J^t0m>jpKJ1E45TkrhsjRE62uzhu;Jz3lDejXr9~c$zl=qIGh|B=C{Q8Iw4MP
zq=07PmN{i2)=ues`+cr@i(Hgh{uyOo5$O}w4}`D{kbDo>YL4I&`UJJ<`XNZnBw~*j
z+A((Tpug20<f=0(1GKQcIVZ-k>yl#|)TIW;xlYq~RE=k=yHLj#ag^jj{_D^#7($ij
zcf3))2JzDxf30Ui;1N~W_AAz#u@ST<Mi8D@@L7UUHW$DR!1O_`J!QKD>?h5kx@OdU
zbJ4OIr(FH|JW8?n0p#vln(UEuS$@4Sbj<$yT;Rva#rgT0|5E){K7INEgDoV}#PTWU
zOVRrN+n0Uy>N#1P0AD7r+oxpE5fD8gor7L7pwX00S#O47G+r+>9vn9k0OP;0)0&-Q
z=1xeguu!JC>?H$v>Z8@U0Z((gQZl=_`TrWNN8iN=GflYrljl##7%NoU$-fZ?DRG#7
z$GO?`6;E7It{BxvTrFZ1tyBs05zA^Q8b8Kid^v`V4ci^F6)-b>Y%=}r6B8m!wNK0R
z&wPU@0A2<seX4Hsr+V<Exi5aAjklpGybOd}93DOb&-4Utd-tBi$IJq9Kjv*&g#`UP
zi1l7?$T$vPa68p_^`3dMRGWUYH69p?PDd7%mDvac4MFHGFPK1e{1a`Ewa^<WXbk0}
zm+`KVYv}EiQ$xA@+0m(|iK6uhlv&O)h<N{sM*&&@Wo&H?xb<0>^pKP5i~ttu2=?fj
z=*U8jyNME&P=I~L{hdJ>-fVB8pi!fkBvOc4{si*9Kg=*nnjj+0YmL}F>@Wzj^}O{C
z#UPL#U<Z2EGtKC8Fj;K*Wf*zl!rjmFWJiGwVLkn)9V`2_SLsZggKv)`16#k!$aM^)
zerR9KMk!64tQ&3~mDujQv9Z`X=GImE35qSFiK5|sPeKggpXc}RwAuVCEZ?Wqet6CU
z;uI2yG`wqDYcOtB6+LJStR&F*DT(X<)e#yQR@}CO+#Sp4rmJh_i(Sl${B;-u`j@N4
z3!DMM21uE+VW1r`HJAsdj6|=DJEoj@Pyn~417sE=ae2%G0(?r~N^Yd`Wl8XUR@Bjh
zBa$($3X30QGQ1egZARTIFNnpv4DKiqidMg_kN^9ZhYEWb5O5M0fR*Y>&IxPO_L23i
z06)LU_qnmf#rOh7w+`#%MXucR|H{u{s(%FAn;(5j0V%kmoDYa-^;>=pcw4dwp%_jv
zYEMF3hou3sX7+Kud5l~whFRf?vwh0C>DNd#!{jaQJ)~j+CcVAKN@zmPe-~qcb8WM;
zjCXKAb+cA?5`Nzr?kqo_D1>;2y=QO5mDuN6!6^mK4(?(`WaV%1Qm6I|d0~N^*%6zb
z40Z$yHDEzG3}4bBEfRiD!5#=3Z?xCQ#d${0*0~ybuMrA4{9eMRjCL{d8t0q2n5Z0Z
zxvl)KzO+hDUrr_IIX5Iu!=dCTP{3Jr-!{IJ${(5e_3Ib?2p`ym{6q7yTi+r9c=pdL
z&eL+p0HtKVPoH$qGx{mB*->mU8;fzm;-1VxZ)d3wIlTUDd~7N|B&DEOnx3DhIoT2t
z67rb*^^1m<AmR{=D{`!FpOE8P4rT;{__Oy-;uTMEQ`iS%Vej2J8W<j^Iu~54s$8qv
zgXK)}hukKPDZK8UMKml@ZQmsRWC}qeaEEjC<1-0#BRERM<VA@-_w95?hqdIpC<Tme
zBJFyEHLIw+87)M{4{7+Zoi|u~Nm&$rSc5VsaVNQ2Zf&VsRINWJ5!6KrT%d2Ea$LB{
z1;r#6z;S6(f?tpv;m4N-RnLCsJonUt#-r+3b!37^!TIDcln*=ByqYWU;FpBo!7mNB
z_IT{%QuT&$xaqf@J+DunEYTv%p=I6A&~mPl@*hw(q+9X#SaL-3YbJl7$~m!tln{*x
zLNJ-`9U}3h!IVjOu`KW_4&y_(($&@OWO;9Mi|}9n{Jk?DYRC=0et;ni5fC6nLx2T<
zDDOY*d_UsNY$QZ`QId#D97z{~`yetgwwg@e0f|22D6nNx+x$MZdTY&P9vG#>i7snr
zZ<$NJO1+zzVvc$v11>SUIYY0?$*?nn9H=~{t>uR;QTI*A7$<s0Ml71C1kuY%L|s}Z
z_sn)oA_ppH#n!LhJtq+|_(QP29k7zf0rKTN#iy@41me!uZ#}s5tUqghEl*kNX+nSz
zcl91=0lfaFQr5eRP*uKt4}T)pE~7R{z9Nuq1jg)`CKN&UyJwtFp1cKEKM7b?52c&y
za4yn<mWcHUa$Sd1-ZJ*UfL^$rG6u>R|M2Kd#mI1e{ckz}&s$L+N+F`xW22*^{7Gv7
z&9-C+I$AuFH(cmn<_;9}^fIaP9FldoKGO|jiN4z&Bg#h+<^rRq9cToV03@0PIN`cM
zRq}`N*<i+SMD_ds#zyElC&H^PfK1M304)$L_?P;@it<pan2j}r#MajZ;lKmqSm~@F
z`0whugFO_%)8HS2zvC?=0iTeE*d|I#l$UhXc{c9bgCx=T6AP|l&M*Ka?~g;m+RS5f
ziT0LKRje+~Mre*wskeS;X$SY_$1H!5jv%6>F`#6B@ncHn@8>Rh_vjUmy~-a^AEE8x
zU9l`uz^(2N?L_QmbZddFLz)gX5${~Nop-+AZwIa8?XOoPj~Tn%z#BVP?l}gAro7YZ
z+ZUo+YJ?iUW;^I3tbnbzps9%(0T)tU=(6Bi-$MWPw4YAij0#VWkM#Gj%@dRtn#>hD
z^!h#9PgmHuA6vF|b#N7oiT6V`?$zY)-@ofW1~Y|i3$pX@p2(JPlG{u(XU2=vC{ujs
zUl*7}f;i(#7HZh;q(KVC!&p{C<J(~pB2iEt?E|>+<sj~q?vhOO^2uc@`0snFp^0xJ
z`gFZZC)Cl`XYo0Po86&pSFf!H(c!!~6aoc_w28#l0@;NkhF8T9(XDRm$IpMRfVLAb
zzsnau_sT1MHxlWLQGYzFUTZt;pL2o>QO>%Wnx3xL&`1phZ@PCpKN3KE1XJI=lYcv%
zl>x`qLzilUi&ES5!}TT;NwEK$oczm)l_?BQu5p)dAQ0JdX(BiUHZ~KTEOJ3UCF96&
z-0_SIWic?AE24<UXTW9G?URKT?4U4$?t+e^C+g2StAVV7z-u>CwND9f%uCpaqvp|;
zIjh$LFv2NVmn28RzqVRDRSpR1(INAcChgh%&gzk(#}##pc$O7K>X$}E5W`FnOC&P&
z>r0_dyf6nSp>`$3chgullWqgSYGZ=@)-NXKg#KGyovP2YA0WFML5#s*MS3%5>HQY}
z6(ztfWeQjof-e<#eM>mU;l&@tDf@;a7e}n!cOsTuhc9EmHeG_DXS!NHPACRFeZec{
zM|JXNzeEtN=k{$Drv~OcH!&M&mmEGV0Lc~8VPRS8iBx^|U31EmRa;BTBK|Y=%ZJ0>
zk0xf`65vrCwxpC9XFN=L2FH@=ZEXWnhW=n6)M<z=oEJ)imtA_JvIBS9e~9*YQ9pHf
z>2m&)SEo{gm+EoQq}cHYB`$nKc^|Em!=mGJ=8W~6#Fau4q1kgCEa3L&MISXBeNODW
zi+$Y2o;9a+vyt=>cWVl;3hzmKO(T1HdW^w(!#iqwUiU62Qe8bY6w??c*g6q+us2lr
zl%?Nl$FE%g)A$Jo>nXm-S!44QfH!4+Jnnh`a*$2n{(T?Uv$&r@(N0hIjIdO|4MN|2
zcv1M=&V0mOHVgisDHC@bu1cwa8XWaRfHr*{@{FD6W%36)NdaVFyVqU{TbPZ)6PQJG
zB1zZUu@-;N9TKS+w{aL>_H~&xeL6As-Q950rVv@64;u(JjaH7nxZo4bjJkD18QNYk
zkRaovjWtmgu|rBn&dI7k_9zEE_LZbqPm1Vc`w0-cpFW{aEzyM(o&=C0FsRJ8%!xaz
z&U?2`-T*-lbK!*fZMID-;b#8i1I4@$Z{xbPTUMCY36Cjq@NJ1wa)u`6;MC^<JA0o8
zsvixnz2%WM^wCe0k{#JR97{4E)i{l!$xkj=C(OMCl%l=;!^8Y9lTwmX?qykUa!WKW
z%T3A@um4tbU;-sR?ERBjSe>-^)p)fy)<e8))UT0+%W9Ip0vWJ%k+Smg6tJVa^oKRZ
zN4kIaK4<1kIZAoqAX29)uIDQT<ORcGWRE0?dJGQZMlSnAjr%FZab)_f52DDeRah-n
zbqx*TtzJD%m}NnIEUT#a23nQhUIspo!C7A(^=ty|C#CaU=CP-&)SV&5+0d1^du(++
zXx`%k{;~vv6(|4jrGSsA`!zzj-See1NBX&c@^}cPx^EWdq8L@>61Bow`Ewd(O_G!c
zWnUl!uM<Jnlwi$RuRzEcM#xz!6d#G<I=`bQXwDzyK?{jAU;{v#kMP{wmgISMfo@(U
zqJ0e~uw6ZtTV`;EK6rOCirf28!E>6Kx_olB=+mrSSu5I_DC2(<xgf3qphTept!x<Z
zPTu!Y8VIJfiSL_GP5F(4huG{~J3|$NC|)TZwVRvP1_(+q8$+w{+rvP$IO5x~C{-b9
z=I8-yV?~D#;k%_MS$f2IbUh`S0U_e#=w8AuOwZ|nk7z)&4N*CQt*EzL9_ut4-Wm`r
zE%C7}2H?8ifBd-p8{7`{u^or!^o49cQ(^%h>Pp;|l<P)8*p*X}-cvzp1(iRm?)wR|
z@=gksd)71OFQ_DGn~?0Ro_EXwdYekNIKslFvNHCH{6jJ_GCc^vnC*xwzHHjymP+cL
ziM6xy(U})*wwqCLdU|=6J0c5CnJqrU^o*v1*VL*MQ~X?)h|&TY9&spNnk$!vF;76I
z8qppb!do-1dF?OSfP_pZOGYX&J%4NOJgljT0<m0RxZxv86nBOGm{M?Yo*~Qp9iJt6
zNhTDCNeBQ&_Q`)3S-wC|D#ss>xNBE%2PUR&>wO>fn%_q+j|Iw)HhKD`!5EQ*?GAu`
z`)Y5hk{-m~bR(ccuUtE7F~k^)B?vPOQlreS+!Gv|;7SqZ(UFNcCry#h+<KPXAr$!}
zffVbsfdr;b`Tts;pwubNm-JhF-WvXF1PTHH(XDg79y1&r4kHnix0OfdYV4f^$6vl2
zmxu>vJe*#)i@XmTRSdurP7Y6GS6t{~A1Af`O~VWS5L4XnAG0G|Fdrfr{YtS4oxL&e
z8+n^JhEqk;YQQl<W)s{PyX@w^JJCl^9aEW;`5Z8dmOyQiMc|<kW{RXgeDPI38*TMm
zkz+~C+JrtX`klO@#rKsh1W1Fttir3>#W4c)2x}~cCwp+Bcv1h7VF!^fX{nK^t}uA`
zmasoW0iWzpz~n8sb43{yNn*e_T>-Su;69Oz<?}zYkdD{oSSwARRnN%J`_ubKO6z#4
z^oQ4(ioCE|4xO2Z_#O!)pxz1HRa;xqr|Fl#3*z(KBta(AUVgNkKbg*=Z}9Nq?-<At
zTo0TL%oN`NG~S2}(mmEFKW4bDfNgjrp+_ga)Oa+Iop{U%q(Lktbgt+yx%T{jEdU_Q
z?)orxP5KnL(KG2`+!)Wt{AKFZJq-@Z+TfRnP|`h7$2gQG3bt+b4pK_)>tm%kXQH;`
zO5`Q%*06VPygECOQh;`Yh&z#%%NTY9`fL9$)@44cKD5rmrFOYYdc=K0yv7igsLs`A
z|Dda#>X9o+>8?i!>0hg@4lgXi?qsp)>y$34hT^rI9^DUHZe$oxbs?4r3G(TK0(G2;
z6&(y?b#hp;>YrwHa+5I>8d*msqCF5}e3NPNl^C%yW_(o?)m;Lm3Il@6h=Gl(cZ93_
zJ-UOxn{On3B=A(PoJ17oUsp?mIKp(8*ZvGt$cg?w4i<jN8ng%ME~)9ZT(>_H*<B-S
zN*_qZ@w!#nEIKq4byo97p2p1r)T)k-j^$F#n;26oS`f43h8fziw0(B0{aj>i{i2D%
zsYM*BJ^5DF@$1}ybpHMtD7^HquCEVS3kA$~4hLU3A7Q@kW23u=5A4EejvY8Ra~aku
z-Vq7j83gk#`nAJ@z4k1)?(@k0;h`UH5O$OuEJhNCaKe>*7=t^bu#m`J+o$?ZaOMfV
z!gOl=5^K16pU|&Ei#DmTf(*ZhOk16@u#oiH$`JiMz~{dCdxzNH&Aa*L$ToOn6iRaV
zRK(>_(>o)NzC#1+-28Gi;NmA<lVFAj44p|^@2wamTtWSE`{a`rUN2n%R{Q6%$FaH@
z4=IOnsc;fn8?3|_dn1<)jo~O=?Ds4WLkS>3(2H>w9lt{Z9gF&jJ@(PRM7>LS1Z$Up
ziiA1sH{M;B7hLB1Vv<{_TmxA)*HJ-K6C^vRUpeJjT~R3s($6$ea9HV(r2*P<Syw!V
z3vj{S#`2ZebTFd_xR&9IVg6<bn{?vz3Y62zK6x}%X)Im#J1^;HaRTw!arJ5bCT_vM
zW^Ub_l#{>1dBe^(2@bkGX_$683Zoah7dZBr%CBiMQH{8tGyL~UHQ5&(2K(Q9c9z}7
z-u_ZIH90lq3AdFvZr?f?LR0@VnP=6=z=$zQGD=n?{8Uh|w#yAKmTzcb!=?n379EsN
zNUslhHkRYtD7t7|B{e+U^^ca_8oZ7g3{%rl$3TuGayKe9{aN!mw@KQf3TGykh=u@R
zVseVzNC*Qx{IGXI+St#?Fq<ILDce^g+YU&JO;jvVKgcVMbPE6j$>tUTFp>W>V6R)l
z>))y~94vfazFes$e>B_}_2h?QPQraMe5VmSH@@+m8h>Q|lSVE8MnUcfa@Ie(ERdjv
zlXQreZsou$Q+1;8!*gHY^O)Lm`^!f@SQ%A`UiJyy^OkuRwK2K5xv9u<QV*<HL)aMT
zBZOn7;A8aGg}A9L;YP~^yq~AS>%IRKUTpkzIk!!I^eB2KR&Xq$zdgtNjo+Va9g!NT
z>%7(1n%Ao{)XpJp2l&Wg@7V~m2O_GKV|d*UuOet7*=7$bF~ZjEq7yCI>XcwfA69^@
zamCola`j&u8Qfv*Us0~k&2BK_=C0c2Vm!(Bcw^-JJ;PLUDOymU*OFYx3k4Gyw~FLs
zAh)vVbLshC-%cg7zs2tVs|Eu|T{)=CAEAo~>YNvGp;_fyc7JcP3>(U#`_p>|Il6E&
zy;;lTo%K}Pe*!~MuI5x?I4j!O+4;u?vY=&DPHvYgI}@nPkTR0QE$D^MhB50lIhN|A
z^MK*U`fqSSu(}#X$v}^BAz3cJsT`NZmtq6Wc1n%at88Na#m_(E%Nk%g$p~m`69GhW
zv)G}S-{~3c`xF1nbQUO2q~k;9Gx2(F`@*|R4UT^Qgz6g!=O(dWy*v}ej>vbCj}O<(
zKUY48VbO<vA^Izeu3IoEL)h0(sl2ZHGWm~GsiQBPILZ^uk_f}}PrNiyf=ck3U_`a2
zhraVks60EL^e%PcQG1)~@plT>qjyEVM{y~QiF`_9{5CNipo3p_-L>Up&m?&X9V<G!
z+YvS~eJs-!IcgoRt%;hC0GkNS$ZZ~ED%IZ7FE3`pYk%ryGMD(w9C)KIrVdzo6^$T)
z>T5-~PZiRJ<*a6Bx0hFaQvhyt2Gpow#f7B#wbb>Mw#2dFqsIo}iTPF?6bS>e8=t3<
zG%$+DQ<9zRu87L~R#LkuNj_U@BGDf!N1_l%wf&E)F(X^zAf7vGk)^kIYc?^Pb_qYu
z<k@lpXVK>C`bwa=ShJv=*gH#e8#a#D`9=!)%pE^_(v<k>-SoVz_g6~Qt4w@fA%m)a
z)uvV-Y(GmZv6!Qjg3h5-Sow~!!K}|Q+uMH`LEi3ch3*4oq<2#>^B0YJmu^sdLq^@5
ztr|lTna#uX<HG&~{mXd{B?3{@mE9*7fD)^K%o<lq>y%IgkDzDVeNA*jio7}c;n`IP
zFKcb?JZ~o4t^D~g&9pPsnV+-pSYcCIk7=7Pm@g->XUZpkJE^l;l)MnW>L6uQEc)_A
z_0RTpy&m-VR`=6a^q_@@hJNw*Rsmz^O3y1Ij;-C@T_ujJf$jJuA)d<g<pnp<0=v?9
z5g0qJ&AMukZa|e-XBO<8_F?ORi#xqD>2;>Bwn`r@?m5i`+kMH1r#I9hy?p?*HcIBl
z$;Fi1IZ|S=)i3sTcmIGQ=$mO>9LPG^k+iy@3)f6YxQ{(M-hxd}R2als2Jv~^TF{Pw
z1CAKc{2cja?5Yu$jH}h_QO-oN=WOYanaDpZA)0_ZGU`|C7t1@)EAi6J4<4UjdXS|g
z{<OR|vZ^-rfBg84hgxcxDeFvlKNvjQ+i(v|!)1(z!G;1Y983PMP&$2N%i0dMb5>wO
zeweV}I1-PnrC3w-_2EG`o=L=nnrLi5Tn%mfU#MVPghnPV_!H~2(J$08qPAHIDWbMj
zw6&?<=s6}JVZH|*zHm~U1`EA3E$t_yh*bWb=b~F*qpazIW{`q^c;C06VYda;L)4nn
z;_?H1S(^n)je>cLw0j?(a#{%Vywpbh!t0F(n<G<#?57<X`7R10*fyIe8qBt({Hevo
zI}xJE?#BU=Z3;i|rEAR<ly;3J4w^9k+}c4$T1jOs&`&@t_j|%sClJqD4T@{q)?RDg
zp7>GQ6u61eTYH$rL<xiHt>pmPyAo3Q<*e-QOq_B*E{zAK?g_z(k`g995%DHJJM7ic
zw1llVkv4!i<;1h~GfjXW-)0DPNj1vn<f-ZPH)o<Gz8GM-y2e68E(r<=)v5Iy|F<=P
z@L?zF3H;D?-J#Q6D64+vZb?EOI2kfK!Da2E-Epm^P*pDaw8xT|o<<K9#%fTtY;hTs
zlQ5R?6J}AXZVw43=za*Uk#=X<$1UnAjL3PpYNn(}$H=_7yhYW%-ld-%za=~MRWwvF
zV#?8V_pwce2MgHuATQoz$m+~hR=UY)d|Qe_L`wBcYj>C&-PhUA5Lcki(9$kI9*XzW
zm)BUF(Jw)(^zgl-M4`nT0cWeX92K`z1&I~SL?~tY`NIycm1!zR2Necw+zFF<F@PdN
zTZ>Ah5>tJ~h-#{<`&|Pfr_{7uLnX+2BfupI&<R}TgCs8kmC%R9JEKoVYD=20U7Vp_
zN7aOX?iDc#j!-Oc6+~nc2v55O)2Fdo@`V4wSsPkfZl6{B%i_QuraURVIl8K7EdEn@
zH7S(iVMgFu^Nr^%f6O@iUCgjFd1dP{>yQU1VL>`h!iT2NhY*+Hz~b*S8lI7{VQ#DW
zvn$o0H7QPMQiWD$^Lgx9(3CeeHYx)p4awMNYkxOMMy^)tM;5-jPYU5wAN9D4EE{59
z578V-Q^~HiksX~H4P@=h6{MRkVv}ppKk4Kr;0afUD4Y5>8c35GKpF9#AoMNB9DQrw
zem@>-A_(eQ$K1%VveRb4grq<5cly;5N?iBW|0-yAyLvhQaPz-E?Qga+r0pQz$R2#G
zplPoibk7%}dQgNip9=iYCc;#hLQPF=OntbOFnF>=ciB)@SO|NOwviG>2rM=m=0xyL
zoR#l^JndO=+&4FK2YtgCk5ir!_cU!Ss4nm>r4C}3y`rV2B<LT0p?&F|gA`S(^*mg(
zhvd@VJN}GL1iH;<j9nzvvtFD7@SD}=;x`(9WtpjmgG+Vfowtk;({sYDVa<dgBx7Ge
zX9j9yBQ)N!Xc^$$CvJ)8DQu{Y;x+I@9sdlxa=*rSC_?AmNKKKa`F<fP6K27GJY*D}
zTo_UP)%<jo3Aw)X&2CB<Z9Zi>NrfB0V+W90<&)e>sKXrUdo#g~#P$aXyN9W+!%ns!
z&@X?x8muC~aQ!a_(L2RG0}<9p`K8?u3l&K;*Fc<>PI>!yk)`O8DN?_SkdTG!aZe5L
zcS#jN-&GY3%EnG46+&M!Y6d0~hJebBTLFfe9vvUAVfxSi03L~-&gSR6GaqOUy0|eQ
zAb?ae)dA#FY2jW8p^@(I)U6)JBtALtP$}J!NnEMu!E2t(K!apx6aFY9l6C!uH^H3A
z6}yU>A1kXU`ET=MW8>|>p8zs8>nPeoA#^$7o{p*_G*ZS;7i^-T*fW9O_U<dq#=~7e
zblrREw-&~6sOBUSwqUZFme)xT^meh?`-@lU1tn)J-|MyC&MuD^PM_LD7>Ni$`f74Q
z%eWCBsgVcDNXG~}`0$j85Y5VOEP9|d^Xgrtfz&FPqB7jQl5Sl9=qR488!6b8oSU25
z9Q=`!v3qA`8dvN=jo-<_UB;)cEtg9{U!Y2sZ}vYR*4v*-i=t5koD&U6<(%w+4si(#
z?9Q~eeube3U+pw7Bp9<4xa!;pi{|;tN2TG`FmZCen9F+11WF)Xjnu$in2f5lH6iZs
zAGG2b^!|4*blsydV^ph6UJ3L@@Nih)d=DvbafD>T<3pZ@i}vD+8#sLV74W_ELCXVz
zkA}idnzKy|QQIOd9s;D)P`nu;4fic)>;{6<zaHp8%tMP$um6sH`S>DTZMu0be5lF6
z%S?sao?r1SmLW|Gv#N_)MmFsjGgGUBEt^D6_8<^yZf_uw&|=ydP6zq^YjX0o1e_J5
zkXO47`-cO+2{^egCY9$;QYzT^>Ip9cS}-GQ(^Oxm6-F6=ln_zK%Uw*GA#5sM6PL#=
zKLjD~KkZuKS^qcu`26_>Kp;nuq-RTcD-Ru;$Adf5Kio~7Zhs}3zv^A~I*}3rhnYd?
zL<7I9I5w;G(`koxa64f0(Kea;ChhN!y7}`3?bO3nh<}XBsdm-QmsXeho~jGMI4olq
zAj?frv@`2qrXG*Ut5&{Xi^eU+`Y){8iwNE8qW>dzp8>$bh>Ikx0R*Xq%Wytx;ZJLS
zt4U1W>wy*<X(gUheo~(bU5{!q18Mc@J7XN7mNJ>AMi$DmtHVrQ35gnRv9Uis^;6u0
zAt9#8=2+vQV4}t=BL(hsoQgO&jG>p5af~+7hqg-+bdZg(52-z{_20wC4OR%8PAq!S
z;|@jDo1Jd-)XgxL#4Ypmb%xKbR{^YLc*P!&g^WID8(dZdl%DwLAr1D-9afMc-~{PG
z0+f&fg|`cT=%~`?#U7j+f5p^uTno2s`_^G80@hEw_>gDGsSiwi%@jzeli_Dj+ET6i
zpyMyHuToEH15aIc%k5GkLDBdM>O!w^`YL3JY2|nM0oxPRgYSxLTwpmT=jA#%?dc)1
zwHLLW4o1NVFxkw{;AZB4aQ(8Cwr-{Qy7tQ~sv`f-R<$xiBb@`WRYq!5wv!0{QsX*f
zi(@)~zGD41@KF0z&yvJ>_E_ycgsdC$_|?jy*DKjModu<J)a%4IZ{B$5rRBp4FUPKQ
z{G@`iG+CJ^?SIPPu^GS%?2}LhEjog2UkcAuFz2MyRb=_Gb#pOBOo?sN1~MAdqsymN
z@EAB{Q6-CJQqMKAzzTIy`Iqi$2XM<9f~Tu<#Xr1WLayXvax!z~Xi8d^!a!Ctnopnf
znU&_=B@L_g4Y&3y@z%EtL?67?kvLN&uqO}R9cSdqcpB8LjW#$aY~&JSk@Sc9^Yu#!
z72gUa<OVpsr@{IH=^zpXTD%BAtfuz_v`fg50BpQP6m+Z3XA9l+Ykv<$`O1o)aA4h?
zwBj#mVy=@`zUCu81w+wJ(I67R)C>*MV#Pz+53fdGucKBZR8;<>8sxB`F4}Z4`p6XZ
zofpXJQXjSbnc;Nq*ABI|raB3`Aqb*20GlfL5J~FT>WS0YN8)V%UW^NH3T^3zsY;u%
zpU-F2(A2KOwbG<xROsWlpA#i@iMC<26GLpi&YoP~0wLKz?d*Zjj|O8UWuwG4sp2-h
z4$(IA5bkIFX4MkPNJWJ`k+np$UpZ!6;K&En&n0VrMqqO6GwAeHYxL$6nZ3^od20rL
zijJ~)$x!ubEyTu4?2Q;^U79H0^c3^msKkQE*x>gbQU;7&oS^8osjx+LuDtPK_Zw8V
zm-){zvOPSo2p0EQ&R<q^6W`1fZXuHNt`>`O{Zrc9apkv3(${Y*H;Y7AV?#Nxsy@0x
zPAu^|Sg4&ka(G|*vWv2iUp_qUDxcj00IXb)*(;=RE(-a-MPEBU_+GpjyE>8UlY95W
z5!@0d3goI%W=<gr86r~lZttCB5GFG69wjbtI?q(zCEYz=crrL}7G+FM^|2tM6wk8X
z*biE4la`>Bd?W!u#D7JUlIb44zdj&DqwpIFcglaGa+zDc;48v?)t~sK+$Io3cqq^l
zFg`tfVMY@{?toXi6DIIPT=3t|_6Tl|&J7F7$mCZm(@bA$sWVlxl@N?IYr?|0aVctT
znx&5>!2{++c2?G(XUn53s863L_BJp@Z5m?d_b;TKg&Z`Fhs7K?^9aq_ZNI60yhs2k
zMUq6h#1+On$+Cmu<-O`DC)T?5G8>G<9FLM1M5?|T$)DJg4c%)HPN%fuu4*wd<*T>q
zBD!BvZD74n;>2j@ht5yWUZJ@c%RF88VnU4$y>W<6lu>IVL2MNai>hg{)fG@dd!*Fp
zcn&0WBu?_kMw-(flyj*Im`^h|yf-7vgMCH6(b`CCcu+Mb5>ha>Rg2WZT&4#S7*<xF
zH6TphX#su#eQoVS%p>iV)<8eM$MNE|BhKv5#YNs5ZaPZRzG3CRCM-$TtK>w*InV}B
zp+-*a;S(nL*8U4-Tyxk*x*`4;r%oS%e1*N-gq3+BjlZ3cDWgB_N{Xd-uWDLy*M87H
zGF4Qxr>G({YXUr~g<6}5&S&b=XV!o$uZM^Xt)1PvVkX_}{gW`_{zByNv){bSA@`8f
zq&5LfU@AMJ1a~8EWR26<5A)t@S8hlO5xED_DDJ?#uueQ!j+z3TLV%SVuG0i3Y7MY8
zGfY%#d%sQY3M;(c+uLjEy}kt3S1E)$@^_`z7~y7Mh4_ZB&nh;b$rTOu#MU#Bzh;~s
zPhITwO3n7JIXr%st0Vg9On1$z9~7U2cP?6SCnp*YzeN19oS>{4@)Do-*`LWSm~%uG
z3i@0!JgJGsD`g)9OUQNBE3r{B8JI1O1XoYLiLUQH7?aB%dSP?sH^PrO)Dy`%3Zv1u
z*yy`{{6(wZ?=etTWBDOd8H&f+8(r-0W&6#MbOuLW<8B8mj&q(V!Xdw=rm!G6fV(Qj
ztaKHx)AmP-s<Jgb*gU<&u3}*9QWv#Pt<FoEl2XS=7O9hAdC$8<T8P#Dab#^}ce>|?
zC9^IU>Y2r9_hu?i@0X7s*&s*mwG=f&&o3s`_H{k1cLQl#d@;H2Z0ylL5F&^WH}QNP
zLnSKN#8)s%e3%%S*g)5YV(jg8+tu~N@vOn^#Zm;8LSo}<yz@mN++-soJOLW<Zibs9
zEQ*z~Ep9mxiL0lo$e9|hdz$vJDB8JckdC(nakl+7_2eCI5&SO728MIAKQLP`jev41
zjn^*}gFR;{l+kgt{0<*-IVsB}Q97p{HOq=aq`q#&_E&&Qv=jX)|9<j(qiT2ETbhG7
zj{0D7zBT#eh?x69L$-p?ItZ6I40cT88T%}Z_UTFCb9oIaAM~sQ5$FHOi;~+JRm4C-
zkT&ot!wf|K1hco4{pIuVmJK7E%g)XgX0hc$Ko_#rH+m#Yk*5Yd)AugJuVSHFifE%t
z%#=(`=lWH)uZ46f1|FKDPfmo2Op~;SM9XTCKOFKkl}1tC@%=n^UF?6Y`;A3&0w1In
zxN`+P1=m?QaI;bq3yVR5tQ{O~0U2e8sZijXSjEgXe=2llf~UY`z*!8hXoK3lDg4CS
zj*9)C=X5a+B9gA6Q0exexFY?U2k$9T!MGO6SP~8e-@bh^ToUcQa%KL4!o|TE(3)gi
z8OyVA9kuL*S2<WIqpu4oCAW@`j#jat$;E)QHMI$x7tHAKQhxhQLfovKZjXFjy5G+I
zXV*}lTw(ncBC2|`Qlh8JtLW>30kIHc)Fj9@f9QDIO>w-ynLoPs?+H*`_-cYzVb4=K
zk*%%0Ftfmo4_*6Ot*r{OBSsF?fc+l^T*+z2es#cT{0#X>Vc@&?5Pg>{g?lg+*Ug)n
zB(C<@OJd8xbbyin0?Bot5f}P2J^7=$JhRA-Q`isF@)dW%=zs!E5nh-!vBg1cD0`^Z
z4;ehdo*ZL3nOFJLh;6a2d8*6Kt09GKy*rY<ZUVrS_&>vqgg*2bo%rI{OHyXo!0ejF
z_%!xTtt*BgqDFM<57F4Y8stvPz`za+ZSx;gg}Akb@CiBb_x=!F>2x6Qs~<vZ##y)G
z0A1skdda}wkeoX9zYMV<%aCsAXemb0b+-DW7rsYxZ4}5oeI}GHSmp&viimi1KKs*y
zWVFz01!)Oy{xjZ0)X_#oA)b@k2{pDWItmwQ8>LY$SMlLJR1D19=W#5?0VDBsiD0&}
z_3?Lj-%)w3W0h^Uotv7*-qftXbP5@L@{;F8`;%A25fF9^;7O3XF!n#iiXmJj8@{9h
zrCKgFrM@zVuu2CmaAdhZ@QG>MU9g0S&hX#e%(>3re5JBpBt@FG;;DJt%iAUTG}x;^
zXf7`&_`YxA+kd2&T+NEKVC>?7_=#3C#n84b8FQjCDki1MQ%#RUx+Hw_d}Nn0nU%)<
z*DmM(XBEq1fh~wMe;$Vth_&G+cQ60cqcLG3Xh$5D!um#yg5wq97qUefg&xHuFU)!A
zhr7JsPZUpKbRzGpbq%+9gBK?C(9_5#8pDF=88dO}L61I$b#=L-^f4(>aSKp53edxe
z64UvT^o@ELp1*YmW$mb6Vltdch-R*U31KEZwKn_BjtOE!dwHn=^i1wB{oob5tL=Ud
z!ngnWb-!`rmj8Ye%om(BUZ95T{~MBMIv->n<`zVS1OgR-_?-^0U~E2?zU{jQ89mZ~
zky#3YCaIZ~eAqM^VBi6O1q`Z=|M>xTZty7M66C7?o4B+)yPG#gf$b?>1^!^b1M-sp
zN7GeCRn<k?3rKf&UAnu|%cVpR1f;t}y1PLxT}p?9lG4(pNXbQ{yA?!Qr0ebPz43nV
z$1&g>&)H}1wdR~_P80~xf}~jA=7SdBEr)2+vs)evJDsSC)Ag{*^+a+MrL4!yOel3l
z6NQZp4@>&lZl(!iF@I+*FdRFHwmy0mT9|m-CG_Eo)fK6HEg(^ChYnivQ%aw8>C`P%
zg1s&QRDY|Q(`|#1M4Nko2jzv9>ci2&Zbf}dPCmGk-cQp1Aq^E;Yif|SReyAii!m5&
zM)f>?!~`)dX`*;Gy4w<e%TnXC_`6%Bg7vOW>75g<>KsM#s&DeWRz!~(>Rl)Lm#C4O
zdpn*~qv2E|wSEO<yal#s$0jPz4^3s{X>pX#V`SOj!<Jto3&UNp4wFIu{=n|8mhqoV
zBMJeAp#5Yb>xTzN4@6)5izmfqext_v*Aq1sjTzo+9+;{q7~&Nv>AW}&)Kd6Iz|m>}
zWnCU}0e06B8NWkWI95ZXPz!1wtUKV^a3jCoqnebqRr;i_`fAv-D%%8P@aUuP*3yJ8
zfvo7CL&sQ_@5n-!P+hw!=qXo4(eU$1^W+f~sC^;vC8kGbfo=|oazEzh=gG%~K!htJ
zF7vk2r>yPrY2g5vJ3&{|$&^F=#FqvXrhYyfzpU*}aljkl?L^bPy?<;Y{~&DIK^kZy
z!#oPa>M=xwa9sSZ{k#`+x)SYf(T5D^5s#C1l_~CIqixDcb=S{>N=;1l^t;P}-y@W@
z;WCi|hNyG=M2w;u!mplHLME2q$Er?7CNMbH(+DBF+ltazQe_`)g-8PRU3?6fOVj{E
za@314c;TcePmqcKK8fMz75LE;f214#-n`=aKnl_H6M?8vBu5GSj$|3i7Fg1Y#2V&i
zw<Xu8FbsV63o6PaPs|n-g8Df$!cviGn(z@C%fp($yJX~OJ8E>SyxBgEys5ToIyS}7
z@zMU_#@<rqV|QB;x}0#i)2#<~$wn+{^hXA@4Rn|jsnxd8Yq(0RI+vP{4$O=?25KR<
z_>P5=eZM?sP~2aB0t&a-)5vrDSE0&~V_zV!T7@TJLRi)RkV{kUC;|kBT6&Y7c;@T1
zRJB3f3kY~mJ5^F%+hpAFjn-u(x1NvyQu@7~efl@YDoPluFNedwLfl4(2&(A%O1`1!
zQJ{auyUo>x>Qt3}U?!j)Dll*!@(a_AzfQ4EkY_1*4r%rH?)EpZTL8r$p83mx<2ji}
z7=Wwd0sjHOORs;|^rkj+m_hyaGJ)3$1sCXeobGnNCHJ3;aj@Dv)s4oZ`tcD54unb0
z#FMW+-Am_+?3DeY$PZck*-hZ<8||?$V{&rK(@liR$=|#_H~0N(R&r6BpunT!)1_D<
zL{D}=J$S*evi0aSpsOZ<z0^wFzGizW@Z?K$>OO)*`Bl0tfA{6y<(|z0+D@s(EL?8~
z*w=#uhxdACGZ7IHHgRgY8~4lB)C)#&IUc=#U-xLJVx9CEDgZ(z=czsI|7!sX3D=#w
z<-djl;O+5wO*DKp8~%A4I&TU-!*n^4EhQ4m$_A#}LXWx-eyoF)YpJ(v>KzI~rExsD
z#q;5S`&WF{SD8ooMkw<K0IET9M>j>nxyqU)XNZl>C=RS&ic0k{*2aIb(L|1iRp7tm
zhvIMfQ?;tLRzBM+bQ!@Jpe^b(WC%t|>sKOP9}v`-%Hf02(9>@i4ex@9G^$XCJ!nVG
zYH0rHr~Z0z63f%NQKgW%K6chnSFZA<IR(?btAw)z00f0X=M==<T+xPGzMV^hBoh+<
z=UAY}5iO~&^Ja=weG<5pQ&?4$h~5Clk3rtRO<zZaCS5T)6a5);b()an*6P|F4?
zrwg{Jk2kJjwOG4nfuktD4}*~>>TTDZLfg2B5!#09WlbhOe%$Wf^n@5Zaxm+{4(seB
z;i$`=4>{S~Bkt;cVZlcU>tY}Md!_amh2)3dW7IxuRkj^r)+zLyzmg)dm-hoj{Vu&X
zDfW!tuLx1f-e7To?npmib0W^;F$M<uYJi0VS!a8Dd%&HcJV-d@edO-Y94c0RUgGWw
zJx$HaE+d$27lxh@_jfQabvBleLjziYtxNwS0xt8H@u`hv&?)l&WgQDc??ffzOIUC3
zz!XN1egRRqH^ERX=X7!+6gslujzkxn5Ec8QW;H4XsXg<Ty-H{0+sS8Cg%6QTlx++D
zSsG%y!sL!FmqbL#0>qjsyxbq_`E?;bm{fXwm1{HLxYKsfx#Y2?aC*Gs@ORKOpzw7L
zzGVy1W-tV#TN(hchyc2XXDPDNb+>h&D8wACEwux#p-BnzS1Q(KBW^Hk!p`sM!pz~{
zlAItQV#d#Q(;l}PGJHkhpUSE}g^i6T^TMkUk8MDC6gvky+=|tDPW!<Vdd=*8uc?LU
zzLm0HueEvoAP}~9``@^~!CG?&3|dx&vwZjN{yc}sI$_LS#;*T0er3lvJ2ta-|ML_n
zsCwLURuM*9Y4>d-i+;0<t~hu9e+6=b^E)B(YsH`fc4PB@S^8X8*G8Z07w*IOYQXCu
z9kY<zutOxp#}3|+bddGYtW42@LTe*9Ad2?-2lgWvES#0-$?7qQ+TZj?&pEMCU@#c!
zqx?r$-E41uL~>zB2=ec_fZsd(6EcbnP*7tJ7i;QlY_=2a-I>7LTP~3Li~PQP(_8*>
z<rMuYnuSnvtn}jUtq|P%JUvdW75$15bh=z*Fj-}Ihm6#W>ObpiA-NH{#jjrt4Y69#
zU*L6Fb<J>ySnVB>tO&vX?U1#L*yFi42Q}}rU4^_uF5hT!eKaG`q!l^Bi-Gme=}{|n
znY(=jj+{gj^*D~IZs+`AAF}oo0DH{3--~r61uOo+07=2W!%7(viOr$3(Jm``CK}jX
zq>q8Rbb#gDy4B#v&ZMCFIX_n(S-Japc~PG1m%YWCpO~wrytTrv)6GPEt>2voguH^>
z_tJ5kUoQ7r78Tz({`oOJVc~rE7(P#HmFY}9HDae@>U*7?S^AW#K#rs<Po9z5<*WC8
zByVE0?Y8gA;@1%F_%qTcjRf5YeJDwj{TR1ttE-ueV1)`zBw%r#*!RHQkQV~2Hh+Fj
z+-1zUPS<ix)Jt_)3|Orh)mnNro$mysx*c|B=OBP#Xas`0c^`NCJwKlhBl3f&QN)08
z#KX<n))xMaI(M*ov?1?@C6B++rM#sb#3e)VV%Ou0_F5{@tVWqxL^>Z=-(lAZ+K0Yp
ziR;hJrXp=uc`YgzG(f=D(n?{)RCPyWvrQjgBAW}#8U#U6lzR(fdd~0M`d-(6?*<@q
zZ(0v;!GZDX*~9%ib1fc1C6bOY$L};YlzM<Q<R-$pg%V-WF^_smiG(TZ&#)o8yqcfQ
zt_WD|z7Af#8-EgfP-uKRZc%k|(W=p4<wP*eT6#G7IoX%z(7%=>X({mqxu=Dx?ic^#
zL3Y!NnU!HLTk|LGJxT*+YfdW3e5b**T%!__?}9f#{GXq*nFr6%uJ_{e-&!ybtY#K6
zh;Tf;lAgnc0P{k5@<e<VSXEVElDYTyWh3G5#<JHu50lmhaZk-_6_Z1L3JjN9ObWz;
zs0y^tmV)o;F*B6)_3!ldw<hQLwQ}=&yz*EFb{&GLUsNAP9oV)m$qDG+f88*Z+rn0T
z?|RbYndHiSJ_~F-xhHHu%Ebe7iOAXDJPsMMy&1o(Nl{pc`q@u9n;1@Uq#o`>cA}<?
zhR+buM0c?^=bn;ctTcwxbLaTfmj|<TXj#dDsX@#oF2*gHwfp4EE)?WVRX!R8bh2av
zc_d(Mn}8f)C>5SLNIPWbiWiPW+!OZ6AZ4qp5|E1hS~7+HVW^?Ut(9%Zt{kpmz9i-k
zWr8d*zakKQe9xZ2#>1n@S5I`J%t`vLIGVR&WN6%fN%3)V4dVfSFv-^ntM%kl9CoiZ
z*M~2yxy3Di9L{@u<*S~_^_WPdNKlr5mUc?qlyqznbI=3mn_4US4MMGz;-?*D@)*Ii
z!8l*ciui5Vmc(}fT92&#Lx#cl6d&|xe&(-9EYkk*AUtS%YAJ2Zizqp_sAqGXRsa3L
zGW!U#3CHI35&txOKXUC^noKTeua;0=;`qd%M=KFN9h2+zBDC4_T~YfZk!BekzjRQD
zzwX;D#7gDG?-IkO#GcR2P8|`G>Q#dOCgX}&CXQ&){B?GToDcZQs%HW%aLi~(Uzczv
z&ou7*inan4yC`YAF49m|5gsr_RtWQx2htMY{=<&*Vx+!r>Z21!3D5JN-zYbL5m3YU
zPA8b47Dybheh>Gqt*Rmv_Bwr8RO6ty-ko&SwqrrwcIo%&a+}e~{b-c5LHJFq8gKXb
zav=(~!ksF)_z?r%590=_U_@%rh+oC!V3zU8Ej@nQeaT8i&YPZ)N*2QX&;1H6k>!hq
zV!=5PgmXth7Csl$&!Q7KT$M{F5=oiKl_!#-_r=zIzRkHkMbp<;7$Xyn{ttPeK*=t%
ztMk*44E{dPdn@<J_x67Fm87TqgGIoX3G}wB>onEHkb3FY+24%|5%*xB7^?(Fl7aAy
zacIH$R6=s5RqK0?bS9@&VRq_aBZmT9quEef;t3-#1+4r0_oTex$61j$wNqvP{S9GJ
zn)gZ4qdww75Jml&RuU;KAD>SJ2*Bd4=*4!3bO?U7tD(0i&6o(sLHE>Zit=nSK{)Sz
z>#sdW1>3cE5PKFvoeV1dq`Hs^^5$orn47--yC#QA{xPMR<G^m0%D)a&qRPYH<)sdw
zGxzRo<(ROc5c{6xUGG0(M!Je1%cdL*<+D@ah4K(#Jw*`&l??6cZN^f0tN8`j&((~S
z8xGH&4x;->drWQV`&%gswX~FplLxAHlF#ww;JBTJ^)gn6NFnS`<RqT&zZlF)aU0rd
zbsn_ooln%za#Ge0_>xq2kw86#ah!ML+HbbD^tutc<wAqrGC#4{e)Rf@MK6xB*b9|(
za~m2ak-Vwl#u^#QKf;!1#kZ2y4OLY|=H>gVICPOYy~PHXr%pSG2ctXHJ5T!}0|NXH
zfBAY}aAx~y^HVTdM6){m3Qfk3X#2FBnRxrV@-fzlnA{E5P`MDf$s0vgMzIman)8v%
zBA(<Q`)@!tHb9PW*RQ7o&!zZhL_P?U2aN^ZW#th;nTaP|Ti0+bGgq_Ynyz(%x<YMV
z$Bp=_kYP*q*s4BMTU8V+wBD>Rw)C~Wf9{7TB5`qcb|<gQpTvc%$%~gOR_tWB^e^rn
zLV4@M(c!2ufB|8KXJl&HSq9~iPi=|@jOfLmT4xKrXQXYx6F?=^DP~m%kvu-H<fev>
zF6z+g3Hs;(0};?*xbF|)Ae|V2d`Q}E{~{DIgWqnrA}Bd0z=yEfo|dN*e9wsa^kC=>
z_QsuYIeu&jN#R}nqm*6=l#SmzgsY4chNQ!vyRJ`e_T68^Y}DXv$vCvW^T;E2Qj#jV
zcV3W^b~;Osq)N_NiXz?dvr1NNb$&c6V#+NJso*Z{ElSJ!MO##)TqlGN5p1&OyY~ih
zn`^GEP7;oPge+Oh%n!8IPpv&>6H-BUF9p$>Yuwo(PBs%fFIJr@Up($LczJH2o~vo%
z<AywlP_#U#C~(F*_Lt4bzLMk%Ql_^0juic1J!;SGEB^PF*Z3qEbL?d%@a}G3J9^d*
z6}K5oe5I@-D)akICJ{kiMu%!`-D893f0$8^$2ilv0d33oT>mU6Fi*DK4u{}6kk&H4
zJvnY9TQLSz%3*;xR3>qLdw&5Xg$tE7mwoSp72(O<_O`uJ%{8mKw9Y8I1~(4f>r0V~
zgxT6Q+V;8+UkLfK7wRq!7c&Q-tdM-6Ix}Fj0<pih($pMF2WrX{E^i(ya3~OlQ@##e
z_wC%%(>IgVOE`PkE&ae!{9a>lX%F}K{Q5Iw;+78mO!wNO?@j3Rvt3n}0SNEpaLJJL
z4Qp3>3sGIL9)kX0(Ry)o6ld@g)|JsKc2#W=sYnq@UsT9q2kT|t{(Q?&Bt0L6vs;7Z
z4Fj(4r;#F+R2A|siiY7>oZob{-_*V9l8mn;CvN)y7hGD1-OYfO^7A`z8-v^SJ{wHU
za>}<?JNe4j&D-ofF+D8`?iI7S&~61IG5YDYv|TrrW79%1Gjy!=I8Jr6-l*xwaeDHD
z$*4;Rju|x<B}v+Lf&VuT3WPTWn&94Jd$#0T<9xqu6#u_h`2CA<71}y)+)&$OJ{6)=
zRhh%!xqfGk3A|hy1Ib*9HW}w4aQzwblVlwW3k#Bj0S5L0{rpsLd^p7nSk*KWl4dkS
z);zj_%0OvL5H*RY6Uh6+3f}rqFY>_aGumfWAZ|&JDj2Hln#2Wi2;by5ypp?){~P%D
z&B7cX`PWL!b`Bz}8m(fP{;PL9F!5IV3)DNoXA<mh;q~1vm%UMl_!y#IjN_y?(&8}S
z6;BvW*tY`Yt3KX-evGA6f2^U>Mpzqk2d6$48iowR{eSx`XV96cGBipm_;GEXI6nFn
zqw{n)rMQ_1qq+>1N#)B^+Vl)&P!xU6Kz)DUd)e}<uXijtn<VVx)pk{|Y1o9T<o;kn
z_@c!V95OojQRnlwoN^(kdo<o9`*^eY?6k_m%!?>^c`DXl)zo6m6iMdGZEnovX&Z9S
zpk=J;9b6(7z^9U{_vZ1_UT<ZC_+=^~WN_N*&!ab6Q$c%arUkR7d5QUM7QP=oU|~aG
zh-%0!1-7^uH5*pAy%#TZ{U53B1@B^)vNF8<Cjs%tI6pjPokM_OerY+>?bMMRs6lhI
zPA7Y0=wNJ_!_RUXx~-zjUDfw`EaOM9#RVa9nK`;m7(8hyWN<UlBKgIWzhi12dg{s1
zh!6Z|L>_1rjSUPxTe^2H9UM+n9W3N;N=K9?F|F_SFM5C@_|p*9i4T~!`g(NHTOd7t
zUNlo}aDn0<@Ea5CSy}*qf1&Rq6mEkU7FyiV)BiF{v6nrYLWhOh)dOX8pj(l$-w~u{
z<Xuax<_W&|XTRNLUB;^GB$&Yj1vD~Zr6DfdG`7s(Xi|HnK}>o03+k7ej{RHGGny76
zod6s&bsEr6Bp?W;8^_(Tr(cu{kkdlce9O;n*;&eiCz-Ru5Wc$1&?=vH(_F_1n+Q;~
z(@CEt5=bk4X|9@<OV}*4MgzJQBLf3JXn5UT5?3yT$^o>Ape$}gt=Kg34ld)V)vA=6
zyXv<|iLGi^gRMD{<ckKew}<?v2RNuaao%Sxi3vR4l+}%PPRNMoi&k^uJ}1KKtFv>S
zuVh@w!>5y|CjAw&D3c6_BX1E?ySy63CZ)-MF9b6vL1+<ul^gE<sKf=2)?Mw--!HY=
zUd;u??D~HG3i<sWfC+o4E)7J^FIKk8s0~OxvBtJVRT5sTXymiQ28oz~mXjMmF`ClB
z$&b{(_2@Z6DmdrPZUn)*VAAhl#TD5TFS~j!O*;t*=Y*8i6s9D3J*w^87F{7m-WHHa
zp+U6Ce(?mJi#*dhkXxIsd9Wsh1((?6$p!iHi#!+|ou(@fe5P!Tiq1)YY2DbXMo!|X
z)xxqPD)aLd*TI>-Nyp!MZtbMQ`%AV3#P4L_g&mBu{Dd0r{U&padnnaLq_lUd%(^<h
zq$?BV_wPqd(dzOmr7+g&tjG1=65Wa_EdHh;*m0TflX)#p58eYK10bpI-oChbkRZZB
zLImmi$RUL`+lk|3CbZuo+)gVpJ4LA-1ko64Q&?a$jjQj@SrT(Zgh`$QmtNw=rFT%<
z|9dDX$Qcp-?5u*yd5E^j#~{ZV<n1%iHpuATv!bB<AhTt~mb{w(XHF@CBYbl*%@~z#
zeZYyq{B@T<OGDzVKUrEd(atMsAS*ag{m^pTS4-jI0Zf+xfc}Cn2!NXc#N`^l5}P_w
zO<cP~QAsnrq54nii)>X7V+ag)j31*{>a(y2QLlbbH|%v3E@`+N=LM$4l@%3jLg=;c
z6Ju~GzadTQ>;%3`&`wtH{#dBa!|#+P!#PlYs}NXG)$wF%P;skvKjpP7awRI@JHvma
zT>8*fJD)QDdos}2EgW4ufS)2WBO|HD`ZF<L{PG*JI!9{j#TBv-P2j0oD=oXxQ>7;S
z&ZV=p3AvC#Qs%8PTZb|%>~~6|KV0hHTy_8aV^RK$<wcWmG^nq={_SJVIJ^kd6{eFn
zc-Vl!*&z2IC`Z(9f9k(4B_HwO<pN<5PiYxvw-tk}kn*r|Y&6=OS!scXCR{jtRCgm`
z>A+kK-amT-2`}B&7#>qUkn6R{I`7Iuw7gs}<(~_NcBmZ9zb_R0K>x9KT}ViXTI!8P
z{r68y7d!+%^E1%)=y2g9^O|!QP>M&bnqU7WiOsL175#9?zFLWljP%L^32PNA2znV`
zNwCgyzKw!gI6tK0ta2TBXYl-YGC#a*iH@VWpNiNqtEi1uT&i}}H)?9POPu_^ECEE&
z3`TxlmjQMggNk6dFFX!(6D6D%RaG5U6~XYu06$HJuDnE#qnxrrJCElLC^k5zR{<T1
zYAW%m$eN5~moBGA5Oi$w@)`<eaP?@U7ZJOGtplirkpI*ws-}Bo;d(H5olL>^r`%X!
zg@q??wuG6a^?lzjp=Ib;PC!=*^@w1mE$$m%ga{w&>7ND5-NXU@zi=)g`cb`4n+3t0
z#Y)}W%xZeS<gwF%<1<PzA!-3N(nmG1h8vO+nC%u`eW8)~nP|L3q+dhF)=Pw_mrN3l
z)wjraFJ>%FG}3D8{~2Wm*zr=xxKsp07i;VLd?=I~cl}^JR89H>o}*1j0wIcn%Ujux
zmBi8Jo#pY{;gS#Nn1-f@8jC}~glSE6^^|jogD7f*A`sgLv6JDLk>X)E3|cqf*vnh!
z&nOTmKY2a0-dqjxY;gJ#0;3p2OPMuQ)S%EZ;ywJqO0n!TF=oJ;kul$3=yASM*-uF1
z4!~BavG?(FhE6`sIhn>m@MapuKwKZv=(Eh{DC<T)YNnSdfC0)3>xTIme0=<V96T<V
z;Ay+DSp)duzVuH9kET6JFMmIWnW6Lfuwt;?VR~zqvddVB{b0HM^by3Sohdz<$ib1?
z%L_}DA$JksY;QToure}KpOy;d?RuYM6`O2Y4H^{;bBXJ%XT+(`DoQ;9z>2BJKU{Kc
z89h!H?zW8Le}cZX^`E(Uh=TS$2@}PsBfi?gON0ZjU49?7?)i$(D(TM{fGm@M2*tkC
zjUO-sb)au-2(M_uKCF%lU!)Z{50i6wt7ZY+6bi_XB<QPujJuahXUVYtJLe$ZUz<bR
z*=K$16MC)<0->iLQUSt`LB!We9_&Im^1sp%Qb>3GdAZ$-Z)IiW4DKx`!icwS2@ye5
zh{pA|fU<`{MBuI6l~2)lD+457YX``^r_^k8{@pLi*0>=*BWXlB7Fj*6F&@pvY`PUv
zeFW9`PZ^SGv21lgug*;VFL?jXs)y(5inD!w?(E*nDO2IuZ8%dfV~5)>)_Da|@T4ly
zt*0ILSMOh5xnYt}hjy^44*}#PkDG@lEGwCe3;dVD5u$s?e3I};mX*BkdN|q`aGTsj
zoUGuGhC)z%WLe`WtECKiQ9;J|RdETkd}LNq(9x`ZyP87g%M(6=6ON^%Xg8#yLOPNQ
z7q3z#JKL56m56O~O7Gy_mzuV)hN@{w=(LDKGuQjm#Pj;zK32Xc-pYET#M|<ras}td
zVPC5pIZEarwtC6bBE6+=rDhg5temRxbv2Th`7Hwe@;_=>YWSplL4$37-wm#Y9Rus_
zv!p!n7y%v`ARLnV+Nkm3qRC<W`@!B`H3du$hdDmG-Ms=ysHaa4`N0)E4@ML-6`6hr
zFE;>{_z(yrCx?{dIXGarnh6t!byi|Gin<C!sHgL;tt*OBgqaDg(o7NQfL#GzW(0g`
zIs(Z6UwS>Ke(o<D02Hk<PRhf8H5P_W@>b{=72f^VFnpSiJm()gVvJXK3@wp`_#MtS
zZ0!Ms5twTh?-4y`2u&8)qkcwrgPd<mmG#9H&6w8J5251b*tQy~-53zEm+!8vb&WJ<
z$-MjNEw}Z*+Xf@n-ZT50_KSpGmJ*XVHIcUwk8Ebq4_+fEz_!ZW5YccINpSGff&uGM
zA;?m(@l1XSP6$tRn$X9BtLSQwmwO{qpB$cZpPT>ZUwGuWFz5PRC=rzZ6>Ym+_NEVW
zl`oHGio(>=|B19NnYpzt37B;H9>||Yo*;ib#QObq_)0Xv_k)NTg{gVw_0YXpVqMW>
zi$b{&wQ6vxB7m%rfl=tv#J<S<R`(5<)RegT8I&0%>ciNcY7H#C%o?&{R6T9Pn^_rn
z9`CtTlPMs#7GK?CrC|tRDna9;80`fqK*Fs{A6L3<youpuQ_NJ7e}3R06v@EgEGwd>
zZ5!uc^(oxeW*c|t&n+@IH*?GtZF^ij7OT>Yqh$QoJqRfZfO}W2I(%T9O8CNcz44Zv
zoqd;0T<}^~T3`R+ebpal;CwS(!6=JH4143WV9QlHEAGgw#VrmhkOG(=2`uxM-@gvl
zur96!<&YL_9lC)r3&+>}6k#43@STf`3xPZ#o7c<<?_~<KOhQ6J;zoZ}d33Hcfq+s_
zg*a$|S?4(da(ZQ8hAV6zYV3xL5_nS*;D=F@^0YCMaE{}=>yPj|tV#}7V&a4O29~Wq
zus>oSP{J9|K8)=Q#O;H#ctDXt;zOKDDe2ihxt-BXIsT}GK>g<S-hOHZVxFy}Kkhev
z>(U)#>r%+_d;lhh9%Ol!G3foX*z;Pq0VTDjy+?55d9vL3BQuaugX7F%H<(Dx51p)G
z6c0<r>$FdqX($a-R3Q0_3uP5LJwm9RMmX|luS>u8YF-ur$1=;cv8vl@Khi1tD%w)e
z-<Xr^6~iYq2l?C;Xieh@h0n;lD$x2I#L*Fd1a7M`y1$>pfRB+lWUqPOiH06aHHowh
z0tOJQmi-UK4S!ua_P`Je@g>3g-qLl7nJoqX)s(JgW-G9)QJ-$m)F%vW1%UXjqfAyu
zpdop|3`Zjlfkq#zlui`Hmqf3)`n7_>0$6O^YlFhPVQRN#i0bwZd5hMKA&Ex(<shtD
z(f;3o_=qh{t5HLfn9%1AKe~7mC1PLd7$TTK^!^{A)$I@F(&EQ!(^ob6e|RYpl*S8-
z^4=clm}yzqepd4PRZ_y+-kXF-W-gHcIYNy9`WLXmGjD|d)0Yd9mVQK-K#lDv>3Lcp
zdH9<~Q-+ux<Y@ZP)+Rmz5JV{xO4&zjT}dt0GJr(Ir!u7MpfZ283fyuCd5@M!=jH2c
zoxc0;V4?SdS41RS0+J6RMz%3Pyol;R124=?X?x0EVe8Fzb4)$`patNF!o%gwVPrlf
z9BqT@l$S^jq*It$d;Q}AYLZZ4gY>c+@MZ95l{bl_A0ANt*TGKD&hmq;$1gy(Fy+5^
zpzJFb=C5@^hPby_;C;{G<7L)EO9EgBo}7R<R&`qN>+E2+HULk5dE&1a6`nZBgj}G_
z3upIrH-W6gSuRbyZ<u>$qgKJ0h2{h9UwmafoZO<#*g@d0w-by;hd0?^D?KM6ocAz!
z3@H^Tbw2y%(PDX_kq>IhgAk?PEmvaJ>QjEXbOeFJb{I&47K0%yfFjgE2nW3qh)sCF
zQ9odOPAB6&eT!_HQJchnCpPlD$7kfkf3HAA6R00|&<th1mCLD*GCgwl&ON;Pe%L0^
z><R&}bt|YvfG>*br~|>fO~od!(lo2LM294ZGu*FVqJKjkW8;3sz<Q;}G^v_;z#aW>
z?FQab$@G~>*m6YQ(xamOmrzZ>lgz;hs;E^tmeB1QUH!8F`%qa>ZX4h?JIChecWY&C
z<+Qkl6!VkrJq~?Mi2_P<Q-<LI+42*by0QGlSQCN8_@et#9J7!U-Ace@F@FsN-(UHP
zYcF5ME9F4hLPv-e_^Zu_hlizhM)#s~a5shwJh&eIy0LxF>@Uv{to1@m!AsWgyXQE-
z#3`nPa|b2+gV=VD!{~Z0$zbFH^{Itxx)rN2sMW~Ge-l=_&o_y$Iy3&IyADerf^Nap
z^2TOsITww{R#cwmrLa&`R~h5kHejj4J4U)I57qLX;NW8Qc70Bsq8MpA^RseZC|vGL
zLl9VRgL}N-K;AZitIM7%B__h5YniO-P3k{%PWc?wHC8B55R)J`N*H6B(VeVjHkK$3
z??Et&br%Lv807ScsHv@OLHoh05)f`;3G)and`xfV5xb8P{!%nBhRC{OmMNVIGrzhs
z!Xcdv9*Ex2I{JITQF&a8I>d$KO92UnG;4Gx+e-sH5`~BV*8*s05HJhv58&)8<9Lo*
z59d)SnJeR6k?Z_?Gl(2iv3Yute5osKf5-$?2nVLx!W0SJlsGXogR7nUiqE3yj&Opi
zL*<5()ic;bi109Uf9q_5z#c*nI*Ut;FN1w6m>SFTY}IA>rGdi$#I^S&Zs@%pxo^u*
zN+!dr>i`?jxc&E;*PWi8J~RUp>Yj!RZ^r1+U((SCEyk)|Ia)}xT2h7Z8#d4ErGtBB
z;=3P57b%9ez~Wa9R0nwwbB-j;#41#U?p~6x?n>;8Q6$YWdyxYZZ~b7AsaaE@IWV!i
zl1_3Ae^8mXBT-tr<0QtvIX)1#w8`~POAQ*>tRV-iLRzyl6>50$h#*qIa4;h*^Z1xl
zhc`et(w((^gp`<G4L%N5R0_)S{>6<2T?8#SHZ}fX<o9qYxr*puXurO+7OqOwLnM5c
zAtIFfn>L&3$dKX?v33*|Ci>k0q+?DmVM$q=Uw<QP_WP}XS@U9#zkJF_5w0*xYY<|~
z=sB8bQ2q5crxk38ooA8O`Q@6evO^Pk+TnB;k$%jNIcRB}vWm&?Q<-Ot1v+~4)VDbl
zpC1`eQN*6GTkOKHNjq{s70DoP6M0A10D&-wdqJZdO+?IR@|1&o;Wr-K_Fs&TZsO{2
zb8VT0B6CR=N^ppzjcQ$@SRQ@0t__m2xzdjK_I#54_PYH^@N~AJ=vyLdXt+#gM~AC>
zyXghmrI#QTuo4RWo-gGEtfP(K@PzCuIJ63)A~5N}N;DAxG52UUO)=!ne4wrp$`u9S
zrJCSVR0tpaH0XWy<Z^?NeIw#w3AJ;^KeBCP*yxuR6N$!Q(2o^TrK?9<H9@Ca-e#+`
zR#_3vXjCm+F~ls)^irrWB0Zl=hxygqRHGn=C+TIKJaY<tocyBqwVyyp%%;<ee4oZd
z%m?Dnr*$gC8uy{{RDHN$x5wAl@1@1VkYK<5T>M&es(If>D*`>%cG$&U{JoH<Ls38t
zD3kT|1s(}<gIaLKRq~WjYmHycB(|l#ANl9{Y|jLA#+rd=>9#WcpXQxaGVtqhn#GJ8
zg3JhvZ^gY`nv#uew_cLaGBsbiygVU{&wwj_euMR7#p=y>D#c13)O4isoSNgBEn4-W
z7lVE15E;`}KT-zqdws(>?d5Bv-K3(4-?Fi7PJTQ-L|gw1o%w4$xQ|;0vj{6?HOO!i
zPuuRTy=-GM-gvM!YSP(;JYHOyg4H%7I8Y=Yvg8Q^=58-v&Uf_6gMSEyN}KA>C_^Ze
zp=k?2Ea+2QvIMb2n<a+4zBS<ckpTnkR3k!&-+}h>5uj^uz0TWjyZ6iR*tsBa;<Xi)
zH*68V>iD#RQ7u7LCzQlHn!^qARaA-=wboQqCjuGIg*_YST*^9)o$TOA<$UQ=tXdw%
zW6#81zBH5R@hBt@yAPrgcu<WfVZHk+9f6PsYQ|o)<5O);GKmIVERXoYJ01r^5q9)v
zY8_%#nvMBfQ`^P$eaYWzH+pa3-m70?a335*OT-W_(=z$SA7|@l$rCr0Kf4H8`wx|-
zNEoP{q1EfGplu1>>ZVGHBw^b(cN?npk(%#bO;&R|SAHpkR$x-|d)ZpKpZ2O=QtxTL
zSa@91jgGkjWF!$)JwDTN88&}Z_9ewR79q;g{Uy!0Q22;3@Qf)SHIb5;C2e?AJnv%^
z;<e_2$@X}^J~2w?OxuyXI)sw36Z6zmuI*;v$-WwsT#x{q6-|=5Z={j8|G?MHZu<i9
zk~|y(lBcJ?ay#%z2@on;j~_p_5~cZQY0m-SAf6$eU`FnvFbQkAPe&ry(G351w)10S
zM5S=t1oW=09r$*RgG|wXjgFaa!viTtdC?|y%LEI{`64LC8`nRThZ&-j7ZzL|CBzUV
z5j+$OPphdxC-+lbz8=o^S(>Tw5qr8(p4JrT3|KcX7|r_jwuS}EH**+Z-QHf)nfeyT
z$1<j@zn92JNMwa3u&U1qoyLG!**O4chW$=**d8#>z*Hru|6PH%3szu%7OJoi7F_Cb
zb|7|BqL(rBqbB^ljPJf7mSwMW&+N>MCRn3Pd^gKz@0&BDw9iV5O8~5;2+y_RJBOi*
z4dtNd=BVvZ@Z=gu*1Nn%ODo(bWjI5eV~Yy-y$fgu1=rx$g}dzFmjd5pH%`ps1(<z9
zHh(k=d8rCg(H#t$s@QdAGFPb~zOowH+3@Xe77G`5o7~((OU?iX^>oTxHR``UK5O(0
zq+yEZ%h8ehuN9?iIZ!L$zU!%C?CtgzISlKjbNk3cr!&O{&4s}!A#IjNN380RLt7{i
zK`$BNU#Rum@#&4m$>O-BuV9ZdG@uo{aqn0KFgo8_W$1Hq|BzuS4pM}9C6GtZ`#QTd
zv7cQK&LD%Q4}3?#E|z9{2g2@(04TzPB3mPIc#!hfeJkW`+u1kzR6N7#X;zPx{btZf
z{N3ASK%1pSda1oUqBC!sTD1HI0Sqn!nhFdx%7@wSkh-UZPsE`Wi)*y;kk{(j-estz
z!83}sD`^@2hg|%ykXM45GC8?vaJ>;^O1o(-F#8^U3xr8G-W6a2&Jfb$43ykv<n2#0
z#b0R{NQ@ShO?W14{2%KDmBzf``cJ|EoHf3GAS}vQ9eVYY1JxL7!*YA{tb|~>-1o7t
zJF8j?F)fp`QD(vizrW|@Hy$sD56YjRk95TeJvEt+s=De<J=nVGt_6n<o4IbTUqjJ~
z*$^(0ZZb&T_w3iZX3Jog$!5PD*hF3I)sw2=1&e5+6jZ7gK+&A_f;<Tqgot|{aM#MY
zaA?WalZFMlK*bMeRtVCA_Ck}y0({XiHIMpHbZ<6trc)N<-Jh430ma1(K0#M+17tL+
zUE5pS^8yBs%*g_M(<-QmOo1WE-94LD`Kddgd_PJYDpa4IB=ib~dM;?`BIt&K1tU4t
zAisqTSy=_=nLEw4h`SAzzlrMUyUZ;{3zcZ&L9VXp8=Fj`_4GffyBWAFY1x=h+g9>&
z+#Yk&_5?(bYZNA~=VX;qVR76;NnxgzO$!u&qbxW$y^=R@PeEwS{`rdmQT;wzzod~3
zEt}w~mc;r+>e<lgbNLD%8B7sg-N1+o9GX%lo#K6lBX*Ot6Lbj$E!-js45$a*^e35+
z^5p$?%c|c!kaZ4GAe^{Ap~abR(iptvNLYVxVE(}S`}04Wz%*TJ<iEFRjUn%S-_Ssa
zCQi9L+4j=xu9TD~%-ej<7KaM37AC1%8Ej_}siD1Ll}iV%AVg?mKjOd_U@RMjqM@&(
z=>>fRx&N*K#{cAk<K0J@{_R7HaIA_P$?&UM2IR+sm?lriWa!h*zxy~83_p@$FuhAZ
znhc)u#Gg$5v5qdiJ~D%*LvF`@dD7=T<-6-9qo6QfnVJ$IkK#Ja?dqz5@D-4_c6!SE
z9kX}cN>7`PdX$)zjL*vMYDWV@grK&cPtMo?92QTd=8yIxh*91+IUa_epqJrjPe|6)
zyL;aEY|%#+R{aWDKQ|*q`09;FEv89yK2=p6fllPK=lG`dOum(=AFh^;929*W%iH#E
z@3eUgPOdceMkSGGlatRxhq>7P6^&QJMMlR|$2<Bh$8?<QCAON7W-7N8y@)}Hzp7^8
zw)W_K_7FG0(|$-O_If80%ykY_Rq?ZyDCy~c{A9>W{-XMm?Ga)4NLAG=n8xH$PuI|&
zxq?ujU2=<9V6HPj#!)V_b8b|pj$SGhpNs`}`JBT4yTaYaoU>4M$|ri3d$Aq3ZxA!D
zG^L+Abb)9Y+H7F_)BTC3mdSxLJA$I1Hz&sgOn9wo6l>fhJb@GL;`=-Le6atQM4t}P
z%2|rQ?3qHi2`naUb|DvkH+)M}0#2nfn`Zu(e=wH4j7a%qJID)1Za5S})6#FL_~k+g
z4<EExwmY}n#EEnYi8gnE%C+pY=S7`4{ae=EQDm3&>O48E=SfnLfz9amwohT2c!P@3
z$7x}<jxj3xUHL`TG8dz2ARdBj%zM8lRKF>~Tb#5!PTN-%W-XZRhzpr>9~?8$B=(ei
zqJbq5Je2GfY&1~B5Vsx^rdrH?Y@rM%fII_Ro-Ppl&hDMHSk+gb*H6FDsNfuZ_nW>E
z6{@geo?RBcl_G=Mx^~y{!3@iT0Aq?Y!~T4Kp&bnkE%)N?Gp3rO+t)W4BEpzB?5a9K
zL3%zc8LWtZSkdM@ic>P}+M94oRvZyOl*`l{g-q7n3`5@YxS3b@0o|*^ScH{QX*3uB
zUjROedgI7g!Bbht>A#Lf4pg3~-CdI`8Npxm=4})gOy!bI6v#^3Jxr;Nv&T7CNj`hC
zY+fsaGI;AskaB#7efs)hw?2$mGcUqr?Pi}HD9x1lQ=*B4(usY(w-r@^3dDD7+NEzp
z{O3%<-RR~bH<xR!n^e&AVmz*k4-92n(T-e@L%lD^Klk#<`Ml*$D3yE}C_qrVJCMH{
z!sS9G%B=9ZC^&%D{Hg*g?AkA&i|pWfd3l);wT)}x6u>Wq0C_5;iG#1s?PcRbO#F;I
z7Wi~es;gUVlFJ1abaQOE7_aECR8>AS(>APH7KXCgsvI(@r<X}#>guVih0_Rl3hoJd
z1DM3|pwLQr7$1ea3a6}sz;jl|ocnm{Xu)GOtETOa5bg47-m&Y*oK3^L2gpl?*%ubS
zU6cw^d3`sOAe_B|KZyD3EoO1q{OgwU4azuVuz0wWP}}^|c%T&TN2oPP|NAU5^*}O0
zzY+L3z%%QLTpg{3M7;ZLY#$Fg0)KxE-Ex}&8km4EH_$&@0ZKjw#g3LQGnRt$Snr7Y
zde84CcfDsv8-w$!s)o=cGZ8qdp6)NOOjgJHTi&);NY&DQ&j=he<I{bCS*o;k+^TnJ
z%^FSgV7>ictvkP99-jMT%u-#cp;R+WlQK!ANHdM6R0Z@J+rFJenC^$}=W2<^%drD(
z|1M8Fl4ARzLdgXSF*XjqR;RACt1H<l7vkGCCVTVBo4*$HkyVESK%Yt{+f7M6&@UmT
z#+I<-{jO0m-a=N)NJ1_z#|^|MhvCM+@J9-5KwwknD<`KEa#$BzwELf=gZ;GQl{LMM
zKd0yGx1@_xJ-aT#=U?~Y$B<S~nwEFffK%D#AhODG#1q?{Y`!?B)`^~8>1rM;keN%H
zfwG3{Q$0mriUs1n%meNZ`gYk=nO4(M=nNfG5tJ4wn-_#J6SKq?S=3eUPm78JIr}#&
z$7%#fb2J?X@!>B_gEwTC?_xJZz9L@6PwmQblHr8NM)nK*5U~fsHnq?fxe`LJzeSC4
z4(m;|55#|Z;DqgDrU~q42XKfeXu!vR?(Fn-g1-4*-Lf}U49py24!HonS0?1jQoa>0
z_Nd`{Y5ON{u$V7jp|pgi;$Bp)WH-KZSms5F_huyYP#ieYiMUnP)C98=VU_*hQ98yG
zS*!lE(cJwBOLx?SS!2*-JtR}@sftt9Icj!}Obn4**^l=+QHXmid~ojnxB7SJCtk~T
zo=j3_*ck^<O?~UXT>L`O>^*WUzGG?QMIi1v_IX=Q{Og;ajBVlx@m1J5l02B}G}k#V
z<U1;7N(UZK1)cOawQOWPGk834`HeKK01=9{Zo(p^3e4|c0J=OiXN|Q)y1OBbYNK}O
z+sXE~;N^c~^cCFWzYTguLK~e64n^7u5VI&$EwZ^fv{S#e5ucw&QJ;BIz`O;W_IOsh
zao982*Y0F9;z%3f3kwTN0B6XiZd~lAGk5irSeQ5(@?CZ$vUF#(?W#7kt5fz~N#j}g
zBaDHur;%_K*W~O(;B+kw`>)yp8KvlgB*f2~)@_sNvp1ghV&!Dz-A48WJfCYLb`_48
zhgfZ$#?1dUXYe++$`$ld5K&Nq6Jnx9yjQbm-U=0ZLveppTvQEK-ZPLEVU35Aer}sA
z_Jhmnz(#q#Win#H!bQn7r$Lvie+4xn>tB=_kjad;=q)@2?E5EhXwISJ3+Kyyz;brt
zQ}GFKikH*iTQZ67tD(I+d&x=m?OT^Oz|mU(I;#Z7#CJGK!MgRbBj%U<Ha{n6^aK|K
zDfiH-&iSE1^e~J&?e-7rEgfRf59EZY6x}X+y^2lqB2Dw+O*`W!Z#jWfN2GS!R(88R
z(BrcXpTDhR<u(<xqoSwhp2NJ(Z%6GruzhYF&zCyQekpn_9d2|o7)FBpJm*^YdXIlO
zNq}BTUb-XYjr$wRCR>Y@ZkHh54j;vwD<6G*yN~ucubrP}l+#*q*pKDvXFIaJ)YG2<
zqE3b|;%XuonZqY6>NxldL*B)2C!M3Ek_XW>_oTW{)QL9=i=>X{PeH7WB9$~g)F+KK
zvXlMJ8tGuA^U^*ynT5NW;Pnc-6_f0(W=++fN-F2!G~U>k)PKx`y>sme6G{Yg{osNP
zNYqXj@93Mq*dr^uK#s;fE>g;*t9-*wD{ub1hW7J^n5rsfNUs6euezk9Boz}MPC$j$
zLHyqX6nfaY!4w+Z_8Rel!z*?69r@9+G;yJBr{G<iYrnYh;-x8bNk|8(j)N#oh+qsq
zbyDwRB~T)N?9|ZKS;o#|>-_o#9>;|`#&@093il3+U#7;T>N|ii%+VZwi6;r(O(pob
zL*>S-V2p+O4ab_32eA=eIasI~9PpSY^Xl(Jo6|hffGEvO=Zyx+vh<`^jYV&$0g$}u
zH1aAuhI0(it}O{1pZ4mlgL3(}m-2A%r?3e3-=+%g<G+ott|oTM-k!jqjurJ>LhlkL
zl<*u2Ht3jr-U`Nk7u~aEoY;P4wc60D?9!@NotfHrR3a|&=7H@coC8L3a&FGf%VWsL
zd^e46aiH6$l3a-Jx<b2wqp)4Y$M?gwopJA@^UJIa2N{I(CKGuOp6-X#n7`+De*ogG
zY!Q$$-?^bx(~WbT88<z_%`KE7l(j>NEOS<i%th<%S*kk)Mn;9pHr?l6`BR5`=r^6C
z^kM7oQF%M7y;)IzdfLm2P~imvt-ui;r($R_Xb6+FIlcXuh}<iy0trL}G`3HlM6ZX`
z5*@7>B^MS9E+LkCq%p@v&nP({t|HeV!kGY!EI-@M5>jURAuIHj|NWb7xd8-M$5Hw(
z(Bft2U5QZOnc0jPqsyV8KI>9oe#@U@E0_-9m$7O+q_UTH2pgXQ^L<7}MptZ*3%2VV
zzqy|qT@QK5Yx3sFwW~-RRCUVg5CYTN(^t2*0_5)cc6NO&wOAua-qF9+$mL?O4@-z7
z$4!I@%+~x*DbUP9ejkdh+S_+|J43&@f-MyB+rqeIHFU7*S>wYO6`RD)`({$r!XD!P
ze*9KjNhjv#<1u2#(~gmM?ULKaKPlby-%?X~sR6&^RmopJmBd`&tN>7~KeP3bFU<i>
zJ*GcN(WTD?x8%(vQEo0Khl<$>PLHn-+HB3*Lvk$nueh)W&v<gZF^NvzWU(|?Y{pgH
z*L|btmUsMlMSxx>MBzQZxr;?dji5}m@^O70PJ)L~g#QRtm1sg8dHYzH@o?UGptF~I
zXqIpj$Ja>dhymM)kta^V*-MhHhlBi{iV6%hEd9f1_Wfn$VDh-?R-JkxJ9?YqE+{eQ
zAsgy9ND_kxeJ`>8USD}0Bwibvv9s*-Ifl6F6TDoEdzm~0Q2*W?qYiIJ<k5u%sOTZk
zxL|e~7TNP7>wKSn@7sf4Br7V?D%%;B1ht(G!ab+eT*nglDqrd3t0l(F*`Beg7=D^4
zmiS2uNct#*D0;17B5^X6(<0Tg<>&fhTkzqRqE$RFnudgc2(3j~$XDwIC<`K0;P-+>
zFkh$guwkOdp&j$><+=TTYnAci!N9Z7nM5ys{N#2bBV$<G%{CqABZHnhe#qb<?fnS$
zl;ewXlX};!c^qce#8z#=i6JuygSqd>a(1t-HfWj5iNMI#_$MpB(VhNgeRBWxiMyl0
zoGgvuaSi9cMj_sW(Y7j&li3PPFk|XxwKvBcvfEMm0)U|JKlIpVziafrBzY%*hdc&i
z67;?fxI#Jnk$gZI6{7&x!qMT@F8d-!{onET9uEXS0;{W=asFh1l^F*Ym(gllGtdTg
ziTlS)Rt9(0b6Eem@Cv7zy=w(H?0IAOlc<6FsQFd}%<wPcfpj?g7C=_^FtbHY(@K5#
z!8sCSFQ1-6OM3UzuP8dGh`awvLThNsjl5VP|4ieqO_0zxt!L9f_xPhp`R0mPK+$6S
zUvgx2VMtxS*gf5flPbIpHEPW9U$RZJ-r6lM88h%X>&!6{kyr%-C>}IekFnD3(o#t|
zw1OGK?SK7lT}>(ZBo{=v&>Q4VX>QSRgnN|a*Wo^n*7<z1|Ek=?ea$7V+`)j230B2@
zoM9nWdWiVcc6*cOG0$Z#`)~dpSI}7S*8rofHD^tWx}^6ZtEP;I0BUNzry9KJlQS5b
z7$J{S(7MC#pVRsqt5W`9@*mepNLo!|rK;`Pp}Tm4i#|c-ic$Ri`BzsF`$JId4mI-5
z0TiNK(6ANxQ$$o$v}^O?h7iM@&3pCE!glEi=4y8cRJt{}i!?x52a3vbFNq>2v#Da&
zO$9i9wU}or4i!_kGl4dGZ|g&+Sn=SA#C&rT8BqlX*Z3)5h<AV!KLtpXqY<Gs65D2O
zD6`_bDy%t)EEN8MoA?te^;$p!Q4iAdqKb8Uy(L?Y8rJ8+iV(WB9|z1*-rA@p2o>rS
zvC*;p*Q8V4`qT6TIgrc$J-Cr82vc-Z@ij{s0<7WO#~@`jqs%ki5PS+d$~tyd5z6<&
zZ*8?flAk%15Q(sW!K91-D}?v{e_|{khA|&yNJ1I!$}fmvwh<aUVwk3&2@87Aie{-a
zD*Y~_{iWYeTHBb!0>PU{^w84rt98kJCq$;0Amk`J!sKv4-hQIMp7rPD&s(qNok+Oe
zPasvJ9m9*VPaC1ux{E!a<l>_a6*e@Nmd=3tY2F^K{|pGJ-=;Yl$l{7N9~~OfU{{P|
zzs(H+JCG5uQ_3u^onT+&1QAy9)iZy9d^`o2|08L+Q+4pBm#csKeSi_$(I5sE&x0t+
zLEdXOL_MYbDt(el?^|f=AUfFB?ez5-Cum9IMlK~q$wM~w$=WVRbRXTC@OTdidiDPt
z$#^J)W<3Wv!(sV33X_c@Xkq>V(2^&<s?YNh3D~ZLp7Ktb8@%!{U1Nk5YiF$;^+NiT
zk@<RGRor^}w(2Oi_8F(wF)y^fsLBtOJJmVcg+$S}-uXbat_n#d6tv?84;GIG1I`wV
zJUO-GhQEWx&<;YBq$1`7250?Jn9mdB*#shLM*-$zBs#Fk4}ijNB)j6KV$uJrAXeC2
zDDoGI?BR7@Y`HC64S6oEpkWe($0MKI$s+M;S`Sy&yPU=KtAS4b-vs=;{<hPef}7h=
zFy-lc$iVV>J~5gui%!@<tBaX~)iWQM*vs12&Nj~Jaa?f9UCqM~R`Q;IJ+6s4<2Eak
z7y~3+to{_zZ{c7B3y^)efLXy{lp+_T6Jp@ef7Rxk7Ca}Qi3P3oC(NkN)!A26-R#gJ
z<s{-+1*7P<7ta)%1y0KqH~6s`Z(H#A?%PmVNhex?5!aavM>Z=yvDqlH<DqV&B2lck
z^7r9reQmJ%`jT<PJ)#E$)m%pClrSko;jCkHqbx1f_@76$eKOP>#QsFSxZ91CwX6BQ
zcX7i=4nqPZY#lOx`bBOD>Vr{13QwpQdU;qcg`d1}atfN15sR9*YwJdFm{y-bs4RWf
zeIw0yw^{Vzqty*CwzXDxSSyZ8)9R>@psyd|#rd4^MYWIVdmEX3)bt;#M9`9_<ji6N
zo96#Pwbz=_WXdD=xxje$;>JMe^a)>(3FemDGY1QY8vOgqP6^uJN_~U!rzD1+t!UqO
z7hAP-itk-dyy}`+Na*iZq}Z8HZ814JS;(HMsOUJ#{q_7*iW@^T#NnC$Qq=fa8U5bx
zr_ZBhUw%Mad-%RX>rxbK%G?up{@Z&qkrG?#Gr7v=pZkeK<F<zAv+^$ze>h=FeEC~l
z6$pIOIw_6F^RkRUFudQ*^)-R*_8Kb<dApMf!Rq}0+}Y%9yJO}-UXA}za%1%K;ke(F
z;MEO~wTT^KJwoM!Ax??PAH!MMH@1H0IlGO0bruY1*)I&w)VkZr1X+f_)X3ra&*x8o
z3yB-5zq%VTW0c*}DM2br6y+PPkI$t#WRTZ+7W5ylVZ{Jti$ivKunx_y@NdOQ#Cu%1
z=z1*re7YPf{dGBf6rK*>>S|!8W2^Zm?S7<dCwZYdb@G<BeB;@8=AU@4exY{W8@O6G
z0B?z4!Nxp*yOP|UAB=BgL8X)GaLP|4V?Lw7qHd58e`nFFo6c$j2LX4)yS{&JZbXQi
zeQf7w>Y8Nkqe{C)&Iq$6NxoPdx?8?jImYqRiMZErp2^+V`=MF%s=q8=D0^LJn_pOS
zkOIo{-B4C(>N^s5`+EWH1qRSt{wKsP$h<B6x4p-)71P_{e)smR|8ecE|Mg=^R!494
z@IqshJpCKPsbry2CRKWj*}GCIlT5bRxSX6K&=vg9=KM)-Gd_q8oKNn+J`)H@$PQ42
z7Ge9TUtVsI@OF0crWq%2MN!ZH^JU0fF?)S4E){Wd3x@f71NP-;d%@#=4<?1G{I~Sj
zALVj<SrWxgGbEwEn;br$g^C{jaO?SkyhG?RiY!@eJ7pVrT`178EnmUxRQ`vitBi`O
z?b<_0cQ=fJphykf;1B|efFLP7beBjfHFSy$s5DAScS*+p3Q9_Mmvnu%&$r(B$6Brd
z&$-V&dtdtsd|}RwEU}k{LTu1!Kv3*yGSmSQjGT%JHxXDMW7|mri?v30^!+)mZt7Z%
z?*}i%U3X@5UN8Tq@B?$196|b&$BD|BsWI=(;Uc!tbvn16M>XNg83CL?-+FAulQ^aS
zaRCgyV*MP~%dAb3Co8Hij#LyiWvJPgyk3a_xIJ^u2Za>$q<yX&A~Y+E8RYkAs}tRI
zU|p-P;Ox9dNfN&F0WRbt=4&DgQm)Oe7B9A+ypMS4M-3r39Lc#$yG(iGqDInk9UO3`
zkU^^uMex@@QFyl@YM8Z%Bm`Ai2LdsASiRX;{NL=9i9jokPfl3y=c~oSe^RkW1f><+
zy=37v&_gN`D&NPstehwgL9x93y>&8^+shr1W$r~Y_NCX7PVe%yrUK?YSP|Sqn~kgv
z2l035D<vNGY+*rxxJqI!hXS%I!Y}`kWyi>LzkpQ$tDVNSf|LFQ6nBcTMDO+mxkT-~
znsxKlQ&2T|-}>;yh=cKu6s-Q~AvdD46En=`Hd|hq`EH~S)FhG$=|8FhK`^w=(H#0X
zkcsFH<?fI47%*-;1sk_k%T>eb?hvo3gNa7U{p!$11s;R<I_OG24p{>t8TWZN>3gNu
zrXX@K&dbx&SPecm$4Z{>EH{5$UH>{z1v?3wzeJE|{1<=WLujgmz&mcr9Ii*PS@&dV
zPHz{Y;N~G?B=n8bRt_^(U8~H&vN6*RHnY+q_SKgD>Y@UnWo|iM4%o17|LuxT=e!!5
zA8S^v@hBCGrhcI`>p|1g;}>wLHr^xtwnbMiKulKqxW*OU3tR?oKtxZvm41MnJ-T%k
zX}(}4_)P49<c&idti@EKLwYscF>QH`e78{;_k;0Vcz6DHzW93>KCWX6JuI3*)+QHM
zVQum-=DHKN>v!vS!zz~Eq(>8bdZs-s!GNIsq!y9DNyioh_Nd_;y1|@7#rN2J^vEkN
zzREmLdD<_?yyyN8Jh^J9ME@z^>c{yvdFQs3xDGrw?$nlM8TLf`JtXfko+(q9sNkVB
zl=Uz@Yzp|ryQvglwW&(uu@_J7R}GndDVdl+d3$%@a05J|tECE&AeLnA^tF^6rh=t<
z0+~%|TWpQ_3k?T(TlrOZCJZY^vcJqzL&1|I1MK>|<Ek}KL1c^16g7D<pMMix-LRr`
zQE}u$yg->qCM`sCnR9=lDt*=5K-%^QET~Qs@A;>rTE9>yClN&w2su<{nN7C{M{s=S
z;(q=-zNpQ~VtMsznaWlDoo9svfBzEx{fqyXSjA>b)!*Z_Mn*{DyX`05*Y{F`X9H%Q
zToh$ohmUW?0Jh{SD1+DWj76D;16xbo`v<a#^0Lg+ugCF_jOs6KzUJ8g-ysUb$wo~5
z&MZciH$u6s&CLDixn8C}2H_zGlZa?D@ykd8{J@66x7<m0ob%pEMK&%4e%Gf2G_UVd
zj}ze_(Zamxf|Qi!aH6TQkBYrV*azp?i{z~U4VrGruvZdZ6;Exoy4Z1dw`lP*H-9V)
zu%||Y7ZQ$*A1sR@zC;1J^b|wTs%&oWmKes`hfb%siC47&7J4Hl&pLg*lP!)U>n+CG
z!gNgI#$#6kxw=LSAC&p)EP}`Kwz0PM^u@RFbn*VNvmg-A=m`n<ypG#&>F`gJp^H;k
z-guW4y)jco0Q5Z5FW$#P3JUGG7-C}6RSdt4Gn#>=rrp4U2m3{9oLQB8k|R4$l`@=|
z6Obrs@SQZFZ@xyII9uwM0t0p}#4B0dHLVxzpGoM6ryVAK*z`pH+c}ERJ`@p?xz?}#
zi7|(eO!GDzh00;J#inc<V71f>?)tgaiRb3GS)n}~X6(}vfGFBtBtN2y4$Ew*+5EV{
z0;|k=b<-z=$GAbL8!fsSW4mSQcT0PXw3OEfV`^-x<$Ew*6?mCl@w!W2TVWErJtJ^M
zP7xLK=q-_;a%@{soNw91F&5c{i^$Ev7Xzy0xP^g#*I)FW%LzS9cn~dR4Ynw02aSMJ
z2$6fA(k${=v3C--><<-E+qz@QC%77GC^2!MN#e&x)5+X}mW)`Z17ofPjuXl+%#^<l
z%0vRV1-XoN9u76;*OXnaua)2H-CPO^HGPg7DoMFcv@pjCk$xpPc9Vnm?be1O<u;4T
zx9KD|whtXBa+hs13cRMCXeJktebFDZ-q@(^0I#QkCSjXDnl!bP$2J{A4))ybs<$3h
zp7&o!WIx7p^#W>SYl1%mbeM13e9?a4v#BY(^xjgk_>l)=r=0jd^7!OxF;uqT16#*R
zz-6KX%&|1&j{vDa9x}7>*Ote0l^@nxBFb6D;oDzE?8QG$oVK1~b>7T(<JP1&*%c9j
z?o9(VV?z`W2i+Np6l<gEXIwVb!JBVv$Llr;`D~Qo=%)mZY_kQV_PY0Tx#ydc!(jUd
z2dlouXEr-)IUh(que6btqLMkko#a(~bh-V;d^Tx}g&%Vt6H%v?tom86@&zSUrD=fl
z%~@M`#}u-6WNt1{EJ!r0609{KTOp;<x!g}5l=Zg#JhE!K8VmF`%4c!{13L|KdWjx*
z{_7UWVb0VFAA#F1X2Ah^ISM%OctXT#OG|e_pmX3;_*A2BM`kykub;^F!6byLebIFJ
zB|Jft``uMPom(W89@7IJ66%UiS#W&2<jn4%8xg?M6TCQ4v6*uKq`iTgrbH;*BL>`;
zz)od;dSP%8Spl#40rX8IGN1FJ-bTGUWrky-q7j?KkZwhBCiVG5)YZq%RgJ!O^@-mJ
zagQ1~Gx<K2?N2^>GO`%MC|b%$`9+W^s_SqRu!JbcnRA5^gPgc5`UYW9aWhG(<LZJz
zpO~lS?jmMCDZE@<1S@gK{`c+4%2ryE@K!XMmh7hhq@v=tB<vylF9}Q*lv&v~zP>tu
z3aKjOmzDLNky&huZjh}i+I&O#+-B!j3L^D910cp3F?@hPNG#uhJic@EchoP6f8vu&
zjshX7-gt`vBY3=kCu@^yGFVYL#1a7*{1CQ*!&+)ZeNxkRW2u3BG1-NQF2@{~WA(lF
zn8Y!^U3J8y2Q(88xBMbObWeUsnYR{IS1P@ECfAP=jM(2|wO))(I`Dd{o|uzg^K6_q
zM2vy~YAM7ZEjPBAAA*hnsO(Z)GU#g_kx)}t_8<}@Xa6ni4~Ho;;fuTGj-1&Rz#3+i
zs?Lf6H)Hs8T)z_0Ocw!n0_CTg=FtK2gnWvj#KvBIhT)mcZ(_Jd1jy7tRV1Z#asbNJ
z*P^2I9Ik%Ak+8mZdEQb+obEkY=JS%<A%!dQ=t47fJUqK8U|Elnq~Z@QBC~S*t@NjJ
zAgl_v;W^ll`8RoOfZR={fHfzk`QtZtVF+}cie|D7JXgHj|00;;#fMN=G`jRfgLNVz
z?Zig*GL(#%+k?XlSV~V5n&Jm>0Gl&K5XkicAw$^KXK;)SLpnijG4?ToXhF4IlXwi|
zB-N0x8Gb<iqP;eI%VfA3<*L!dBARs8w-8Xkh;Q50E%c8riR@iGczt*k5U8YhL%=?T
zs`k{pD?%0-&aSBPZM<=G#|tcq<F;Zh2bReH{>1=$<dmN?m51&ee~v2)>b9)$ovXgY
zBxa)tA6bdKLRLO;TV5H@WSa{s-Q6$qLdd9ZRl;)%Oeru%l_%&Wsd>cUO0mrAtPsxO
zt>Ac=ody3xv-kT4k15GwP3FE*xAg%A#L<MWRU+5cScyHZOWyQOKq@Lw4Nf?+lf;5%
zvRa)+ou`=ci(O%%@0EZaTNh&8U{qR(TxWr%2_`Ou<j`z8)S6mfnnvL2YbDr|-W_KF
z`hmB<v)d36@+szIi><?MisX38R&Wc!H@L+>Y?RYDOrrSoW=4pr%QJRvZ|?re-tDC1
z(SBXwVO-#xyESK$zeZ9Ohogj{IW3zU_w)XIHnv{Q$RHkq-u%o=Hn!~IcbRPO2o!Lv
z68x1j<qCc%1UWrHJejJpO{<#x@B~r6c72_YY?4(k3e!hC*<JHl#aL}R9g<ugYF_gj
zZd4ZqTO!dZhnfuT$V2N#jEMQqAEFX6=)2zu2J+0nkd(&PoE|3|N=1&*S&|kYIc(k)
z68GW#dwp#!EfQ#U2kIOTg8Td`YU5PUy*k+qu$!H!X=%UF?_$e9wfe!M1y-1UNeP+`
zG&x(EdCH4a{fv^rhNY(H-=Y7|gMOLLR{h(N+a8sJI!v{Lk}EPX3j3ifTi%~6TKvhM
z;>T5ya?ia7H{wp8B1V8ufQH1UAq$L;CDy0QQSyH;>04Vy2$D1{-q^Kk@7-}A<FM=&
zjjLGbTN7Ffi^9Nz_&U5NU|+Ri7Rr%hlNLS*IW^YP#tUb)>@M01;rERwmrKL5%NS-5
z#&i-(T!#a>L2QEI9Zhf^W$w6?bu5Tcv>n5R?1BsRI?%&v+<_}c=XQ%bQQz0W+I<a3
zrEWo(bRh9O1(f0CAgb)akC}|f-J6NzQnS_S$n1}Lz)y}YiBugkOnaA<O5tOk6{RkI
ztN$BLCs|*@RT}zBZ0%1mhR1<%@Z^2y@-9g8Ai;cXedg&85^H~(m-9fguOTlmQc2sM
z!IO0CzoAg}dCA~=Ul6j(l$Ml~bU4{M<UGxzQuM)T8?Ng9(3%#vM6&x<TwZiB5Buit
zudh1hH!@eXQ^6ZF_~NP(BJB$<BtehL4>$#ZznoX)WU=_{tT2vZZ;;d9gJ0C_7{FnK
zFobLc?t%O~GvFNhqfBwJ#$HRHQOFesCs;s1doSFPOnM+C;3<gR%KjJ$KA?q9AX>Hg
z<c@G%RFdCa%ymvHuNaHlp0v=|fzf4q22&I7t$XuYBKpwQV6xE>a2qgX0)&rRj3&q0
z=?|E7X~>o*aM$U?W%gM?l)9+;n#Y8tRh{9v4(NED5H~nMgnvhTC~*M7_Eb%+(NfH6
z)KnB0S@Ul0>=>)SqpBRPFy5wr{unVmJR6z4eQ({*mLDM^v>6p&Sjc(o@2j_NAboZ5
z?(pysn$)*!x~dO<L6n({L_k!!o+~fDK-_FL55;96L5#VTD0wvjdkvNiG<(&Qe?1-9
z{Sr{Vjl(-MHQ+}|49-(#-J{NH^U*n;zQLU_UuK6w8#NoHm|)?@(259^%5^KYUc7L6
z&e2~#MU|p}$J91mJ%s?6DjZ3|@514CA0$Xh=6}}xIaBl~2<Cp9OvCOkW74+Z^05=m
zYCDtarMaZ(+RbqdJczYi&}LJr)$$bPa0Ld)SC@_PP|MY8$TqtI#ZRUZ3suCuo5#&|
zZ{K0XieUF1P^@e2pXcO=W&@+*T+j$iPQ13_*93?2Jwz8gC|VF}!6R|_3-Y32>s2T2
z72s|bHNI66^Lvd!odnn^(6?y-Y2l7m{{To<wPA#IVIpSlh1B%|1vb623B~)(O}kd$
za;AuP5b;WAVu%G6Q0`a54u58r`u6v$o!u^U)8N_>hvn1WgMUW5SaJ%&Gn2$L3R0cu
zS{r()eIpE#nJ=uBkrehaO?h4KWN*L7jfbIbOK7uX3`Ub?1E}jKwUrN_l&^nlrc!*;
z86%5tDj7s>za{LXR=ni~wXq!yAfeFIUJO5ori|+uRf6{j9DUu{y10tAcVh0O<fBUp
zFTmbGnc4Fb_dP7ziiI8BnD`HGcpwzMeAf|#D^OtcJW}iDMB;Z{+;<~8jJr4ur~?<N
zMeodlUmOfS2tXYV?^!CqE|Z1LwV{DhMv(K)PGO<UgFGp57_9Qw+L5snUc5G8?exqx
zFuk=EL?K{D-g(J;Wv@Ih=)R+8AORmxDDl?P(jhW7WivfJ37nu^Rafgc`qnpoG*iA`
zhThH1-%gfs5KA^xW9g)xU(+>MlrbVI&oK~VM4n7Uct-Al_?X{2QMIR}ct-xt1*IBj
zDI1aWZ=;fN$y%bFm9>F(CBfP}7lDrvu}_JUxPBJVPM3LZzCX12P0pT|920S*_7NVo
z<;L8PHoRNjdh{JKdt<s8+V#vZT15p5l56>W<;O2d4AWNWSoQ~_l9_c}2Y1;q=G*8e
zRml4m>;d%A;ZarmJ7ZLZTNGhwX+(4P1Ce<UP(Og6+pDpq1138`)FE=+5K{U<ONJxw
z4_yp@A36Xr3o)%PEc^hO0374t{d2#yfAz4is3<18L^~BMV>5xUYh>$~r4L<+Iv+8U
z7tE)m;<hR(EF1^k`9R?3-|RZ02o`WY;izHOr|{WX+wawJ!`(wHcZ=)_4`#c0W?Z3f
zgq2F^{6ZJ<-D|fd>ljPwZoYNl6&+-dhU>I@k|t+o=}Qtbf}Q5)v^0j9i!el`K9GDJ
zX*?nyk?Lm|#<Rkpz=Td^3fENL%}sCl=uqVy=GhvT%@s3>C>mNi_yy99fhhm@Db#I!
zvhcxDnj!9f&s@G)UyD+0n&tg&cfVllRiu^IFP|x8CW}=Z2-UVO5u?O08%CywlH2xD
z?gN68f&Q+-(%9FHi5^5=55M~8wl)#LE}wFaZgjs3*c3F{+FMzm1yLY{{eNa=q#xrY
zD8qfU`lZ-IFo}LQnyqG%WdnYoQpT{Tok-aCzinH`PFVZakU+0`qw~VT0RK9Hk%~Sp
zj5f41{4WJemYL|z+z&e^Q+^4cJrHP|d8Gtz9j%-mbNa3mw;P(?(n#$~{j6E2aYKcT
zXJ5X=>46s)8D3MdtttNou&9s)QLDys@D&4*JzeX?O<(-lS0m9>?tbq^bO6b|mZI3;
zL#h4!yuW$*`J1!$VLJ_fN6H(0zv!91AM$2q$gi_zw8;ckoNd;^0ZcV|t-F2|&kbcW
zC3*9TKZyWU0T82!q<r|mC!9XWXa1G3lrxLp<@Zypv+2Fj=VlrtS>NTb1mP;d?1d*a
z7<Ba@$RlrZ$E)Y%2>aUlr*A^|b_%<T@qhe^cXt(1zl_DMTUH(v{2VQdSQm`RSGuE}
z3i5x+g7OzWyp{h2=(E*Wug%Xw&yUuI@$LkxA#GZc-7v@>wLQ0<vRU04)as85x2G#*
zVPZ0}#fzf^I7joOQ|$)=cHXf{`z?Wm%@yB;i#>;qal{s1FA+t?%Odw5qF<R)72wW5
zm1`%0Cy?p~PVk*=ugiLfE?L5A=T2}n{n<I_^oIu06U-xaK2FGTxy)d3oSBx?WD*kz
zi(|XIx;NNPrD*$J>(bXly?kgO$HVvzIma^b2c+&+OkhJ+U_UaRu{q}ke@y)$IR)K=
zVnZFB>M8(GARw~$Ka~XEV07n=pC9zjY$%OyTXrKugy{19N>^9cd1)}t6her?JKU+P
zmY;mdCX0+pv<`+o7BJf@cJLedlsba}XiT2m6F2n%3?i`Gfu#c}Ch!as5#{qUia6Nd
z>|gEM(+UONTxCD!dV!ru)%L+nAwor!8<4ha!QC2E3g7DM**bn@S33;=eAdm$W8w#O
z3nrEOm6V1q@kOG#yY%Y({=o#F&-pd}6>plm-b5Zi`m-m=6x#?f%CoM0V<9nAZ_9Ue
zlD$(l82MDXrJIH@z;$n(dji6i_wNN!62066uQGOS%JBuo3`^dhTuT)d56zw4@d97M
z2~86oIoquEk56RJmpd<hpJ5}rm+JFne9JM_3wm!~@o)QY5Rz(`#nm5(<a#<#lM{8Y
zWPkM<^h;FB9Jh)B(g}2Sw)R)o`I7bL?w&p2+7%fS$8!ouaf2Gg^C0fNLSd%Q>2aRT
zGkBZZsSHHyI_=$G+&mq@uOM4Iq^q|yHRYFHFmtV-Zo7CbX#s(lejE4A8brVzMjm2G
zcgX3@k6Ej^UVPsXTlyiQ{`PpKYAL~+;K%Q8(hC-=jvO2u-#|k{_r@wy@yV0EY5)ZK
z60*0HTEA?4gtIpLB22BdlJX1lPkezVt~gql8ZGamTBWp+-{;pwA>1p3z!?8RW!OYp
zdvwi3>;h@ix!?b3N4scY*QT11TJgz5j2QRIw83yR^Nv}uJE`d&!BhPQ+%^*wZ8bDA
z_D<B0dm41Z_nw=W+!}~6-3-}ut<+Yl82Od3Hv2~yn75g}h_(SQf%fF^W`r#*4Xwh9
zfRz$(S@K|s>Tj{*tpu0mnXYI2g4soylis$BX`XJBGClhu#1B5HuT+5Fy-ZM#GR*SM
z=QB3eR)0I13*0ZqBM&#uetdc>Dl`1E+H6&F)_1SD;QdirXVdAduNkoXlYmZC;fLUP
zOTP+%m1YFj%6>k3F(J%2x*wdrI=>r8t9VaN@Mui|S;<c&Pf46M=w0iOVc==&UA1-l
z3s7%rK;I+`|JyKomj1BOVx>R#;4o6NNJ|P=-5n5E7#J8{VeEJOY?$#8ePVRnC?7)n
z=%F~f1*nRhiPxtij5kv+ZwxCXy=-0G!eC4vwS&}0tBBskrJ800oqAsLrlPO%!Apln
ziI<)ZeD1LnPVdMtK8^`fTCp&ZDD}%FI)0S%#e$)eRil#HyIBwOni`rG{C(cUVmVPh
z1kj*bl8_|0`%mtj5D#+Kt=?!Ec}zQi!A2MUE{mo);O%WwQt+O!DDH<@amL+lWZ>Rb
zUh<qv<BaCGQ@qxgU5w)tL%PS2Uistu6-lU$<KyE&0gw9+fFG=h`KnCGLGA5$@X5W>
zg~{n}i`A!9iYf?_yxiO-Y$DHhpH4uv`1Xj0XB%suSh~^i5ry$gbY4^pj$Z|PaSy~&
z{emcHh=f$PX>XKasBdtvxj852aY=D;l?u1>&q7Au2@1*+lVrbBOiFSsY8=n&wBa_}
zxXV0;D&OioTJ*N{>XL+nL^NhPP!iu6Wpr|O4ipv@{SZnP9*6iNnK@tLIjJI`R)-*o
z9b5m+_Uz1{xb6moyppc-y+@rdg46>Ii{%t~s;cU0VoPglS&k5~5TwUlGOzOHnP}?Y
zsMni2M#aauX1?k4X7AbXR4V()2e_-e)5}_9sGUpt+OdYI=ZAU_^PteKZ^!t>u;m%u
z&y(t3JKBjp%be*Q9?sB!4=6DZV$=69e~$V4tAPDd>ReT_X72|Tw6><Uc8*ysFgvTd
zTKL8D=kx8)N#9974_`7lHTgOxF0HA5V<ah4bg+eL(lj)@B!k?WBY2Ytpp(Xd4G$WO
zI)mZejSr7gUvj!!;HS{}Ao$t$*;=#)W=zurop+JPK^PEtE}5oy(3Bh-e}|=@EiWm-
zVWMcfUj~|~cyHsaGn?5!erL>gUYr=#b=j-D<ksVJKVkv5zBce-`+jilCo2AFNEdMf
zBi|@J>3Fb^RU5f)>n~Ayrb~Dzm?U~=^`N4Vmoo5mIo;d%8>u+doQNQlA{|`PU0@T$
z0uvKEBO+&J-f+Ff!Ymrgv-sU`n?agJrKH;cx9gAB5~923amtNXv^4wVwI-hHsveZh
zTOQ7M+&$ii>(WVaq^FU=&yV%_=~TiecrHD88W;bO8&ty3{wlP#!DVsW{kcK1k-_NL
zj=a>dU3h6sVd3e{#p$xKq6Q`ye?FkE;(l%i+{!^%{q2^m?o&n=P)9oPd#OfRZ^lw4
zU_sP5M~S2xn?5cRo3KIdQ&HdT`WoMgyZfOsb2E2=|0o5}=QN0n1^*Qk6-=N&4~9H5
zUDb>-$7r)oA30cR9qLkJT~lDNT3dPsnwH*3g+DhAw)ZeCaf4X9x?#ZwWll2<0YJ6R
zLvAc-z=|i`{vazy`FqVLgu}G0l5ef85y1J?5G|mW$Pi+|0OD!Ia}{U5<n^jtGc|We
z^Ys)%bn@X6T?330gwsu<jY@=B@Kmo362|lzgq+$REXB4uDT@_fvn6Rc0q2I>Y|eak
zg#db9Zti*raJo?{B)D2k!Km66LJ&O(7W&t}RJbcsv+qF22tqv+d$0a1)9kwq(lEXM
za!LJ#`9_2?O?S&X?{4<LTuzeiUJf8p2<Gkr;=|F04<8<Fd->K6B8oifjdVchy;be>
zfHCjOzIQl;ZnV7WBSu0H(AVieCE`(A(DFT2s@MC2P@~I<R}*6iMhSe{5uP!&b!Xqj
z&xUUgm8e5d`W)FX@Sn<`cx}y((F-V}hNyEg?mWcP{8Vw+a)%(eYRuWr3YECPRWt@7
zVjuHOe_GVQaWr>6Fk|yWB89@eCO`l|`$f&3rBz?QKG;E?R8YLby{X1xl)`EdQ9w#!
z__<OuY)qIeG@s5Az66wpZ=hfChZc@hY;9N>d0(=zG|dnwK5-H-myqKZ!U|?rPf^g*
zrXso{<UO(q37T~HT#*ppsQ2*`p?Bc7gcND@YeRa|0!AGDt%KJrF<EN=O3jnd(G4`V
z3t5mN+Gq&90vC!y5@1-~!F-(Fu0Yf!&ksZ5!Lboa{9?cQelNKE#hSp(L?LSm3a4_p
zB0r#H2hix^g3?kJclf9!aAluaSy{nN8(i(dV5034V64eqtY{tlUQ6peUllA7Z%1Ft
zYet3<EdMsJNgMf6b}&LOmpwZJpp>GV<FMd9(14c$UFjueT`Y?4ZuT#|0DzIIao?tX
z`sDBK>3JLyc3+iy4gm15k%`z7evvo0{Bz`^-y|1`uk;K7mQ39iUVenw{x=DIdbaik
zLRjUnYdjlyILVEFE9!euO(J#F5D?*qxS0T+>vPxAk3*Q={u{7ooMaP_V-T+2RfeqH
zCak23J=ToG8WhYa!72fLy{6`5E)s|3Ue_d#K+K>V9HwWjl$P<~>LnHV{-;G$UEmg{
zM<}J2G%e-3W&&{jaOe1szCq}!#Xt*46sBL}fGVi2K6XLea0ca}n?%V`5I=U_SRAM-
z?sI`F5G2z$tL*IT+_vFS3aDt>ikh<)tD@2@8q*<uS@_vmSy_y2_#){$cI=%`0S+c#
zW171EtI+T2^vJ<4P@l1-<tt-kLZyhUUkf*J;F~-;$%dT5_orZ9zV7Ke>@z*2f98J^
zI*4fefONW-?XFa`B=IWMCmzWHz@FBkUt-U&{>KFXzHg}LVL-omijYyZzbes@#^<xy
z(3}%PPQ972X(XlC5zh=x)&lO5d$z)I#NqVg*ID@9uV9Qdg7(GNQONtRoO*(9$M*6%
z(G+bQXR4jw4s1sMjZ_w^&alee-#4d$xaF(v7Eja8u$Oj%<S`d2sBL2f+$Z;Ch3~SL
zaEJW;wM+|KZFDqUrlL{L^Xt{;_Me40JyL-b0i*e&^245g<y^C%uuyO~U34!U;8R&3
zD})9SKnV=$PNq5Jo^isHF->K`HW#ul7DUrHbCcDvP&bRH+<{GIu;PpW?<X2Z0vqdA
z{L^NG=nNSlT>B<^ZD@>O!o*L<ZpY!2#fHGaSUsRJ(@{OA1S4|Ky+&)YyM8hzNgykY
z9VVHZ+-kMj9dSd1I3fEv97<LR3Tj>wha4tYB6A?d)E(a(1v~vczV94z9H<mggBAb6
z-2>p~i73{w%8gwe*Ofs-&81Nd&sgENnVpWL4y-ysOsg_L^`M+~^=tjN%oEUIh|*F~
zIbga(rVzvSH{MX+4;;m;B!8J!mr5Iic3;{Fm4El6%8FU$%%*aztN`R=#sYgbR!AyX
z8=J{2T;A9CH1%{60n-Wz8kdzGt>_328D{AVC$f)<UvN2lH#GFjnP}$U+dzfOL1eo4
z>gp;ZTp?>k0T~6^#*%A|cOqhg%EJMa?!w*~dVYRB$IHVb^dUL<wfFV}`RN-eW@hH;
ze{@q#o$42O<=(kHp2z9?04(rZ9}4*m)zqbGqr*}ohF~j%ti4=YI9XHs`Gdj7k{squ
z!2ay;wbX4I{FG=BuB@zV4RU8APfku`si~-%2s3TP-V|{q;;qh@A!Nz@d(nXy`!G;H
z{Q-O%?&#>4R0;*YW3beWjMjLhl2KzwNA%wpZ$nG#<|=aX3pkLCw?7FAva$p#0an60
zRqt-??I6v_+SS#?s>0o>0oOMW`A)XfTJ$C!RoW)Zcau=OH4|WT8t!;z`512B{adSl
z&)dUeo4njwsvin4K`A*n?dIgwybxi)#pAn=BsIx5tb?@TVrm)h;J5dCvvzRE`o8HD
zK&;BK#UrW>OmJMzR741k2vTkZ&RG_74(tpc%4}~UYZ(Qsk1jVR_AN_4KZyax-ElJn
z4;Vq$t4<3>TP<h<MO!VWq@yd;Y*ii+kcM(TI`<PkI04aW&(>;F&jX-o)H~(w*4Qqa
ziC#=vKXDc5;&N2*i$ZG0td{yn56dg>Zz2<@Aw%wsGwJtdVZrcx0CWJ)3TCv_OW-&K
zO?#Aw#svPxBIL*X?&)ON#;W!2kz)-rPOOW1H9ZS1Olt6NHZj(@gjYvHZp)S&FPDGu
z?M_4r+gB^{>F8vDE-FplA|e`8M^j)7{OeN!$ED@`NF@TmFE6IfLVo;VXwMn0S!gY4
zxEncSy(*H__d-WoyV5Gx^>Ija5ZI#uC?h}MUWndTs~oO2i$K-z0fc4UeJFH?>iN`@
z1FsG?`TbulZ?%V;Ox*qI;%^2Z50n{9YC1!FouY4@e!)A4q$a0AV*HyAyg2fkypM?f
zirCBk=vdf~+uYi^WqJH>#wJ>f9ay>Oc6s#Y@zTz~Yr0swH}8;6ZjCd$uP-esCo6zu
zUMMP19j?j8<TlzN=B7#7Qf+eo5Y~~ju$V0OKIBvcu{ihesJt20uuYBFrB%490QlrE
z<n>swegTLRB7wR=QXl4_vEuvC8<E+$Pq?w*zlPDqAZQygi$=5P=*)B+%M%lsV~8`w
z#=u`>S-EVRiPvoci=n@^Mor}vxV6$hitRhlYJk&%E8u3^UOwrt_8>AlJ*}Cr66MmK
zATG9&DwRz2tdx$M!{U=Kgs<gy=;`=hh4%@L0Rrx{FxH*pH{&*wbWqC>F(wk)ptuOG
z#{>BzS*GXG1xmHs*dbbR;VQRIO*8x|WL^#?!8x(5`tBc5q>%jw<kZnZ0VAS=bqil2
z^zXfH3ej6ka5OBl;xFHfQ>WQ^MJUsx+^F<5xdNCG4cR(4MEj~{0Ii@rPucX2GWpLz
zxQASmKT0K4-)c2b@aVTp24A+hZc+r$t?8-yw7!ZDW<i9OS5?rOnEZ<QwzCq>pTY`(
z1j@~qR8PJ>NHVJOP-<1N1{Mln((cbqR>osb5p+lCVnyH$jVr)eG4<F(UVo{n@mkUw
zvM?pX2L)XULTVdBiBWsyM?><*P<up$j-lp`%K>pZIi6jV3HmAvcwusdIXxu+>PH4d
z3x}4kB3a6I`r8gtbmw9-EdH~Ez+0Ca`3O(XfEUjDOEbTvZMKk3IZ-IUonQp*G^MoU
zk}EY1;I2_X8#IPjS55R>!DCOFAp9e|*d)C7O#Z*i_(no>F+QjCHxp^7LQlGSK5aFW
zD&S0-kXPJ#GsOh2tW!1}xOJOu5+-Ea+$9~%u=z4pRCr+z#&zxg@3oPHydUga3JbmQ
z*jvQO*R**kY;hip5Vos4d~T-to{Te0{5`umk#;0DH>4<tfg;{aK@8Fx-)36dCKvwh
z`!mWr64cn2_jyN=sA-7N0%+FK%aUT5yTG;rcb*f<;Qm@mUY8EHJ`B6BUhyry2cM74
zj^I-Du-pE{m&tWTCd1zl#O!ypv;y8Vc4O_OwFB<H5c#!xRcOOo`Kk$r8Y=dXbYy>(
zLxmvK)$yu$s%Cs$T35{&TWOQeL$9iEA;(mG!6S-hWTR!fQ>_U{2(sb){iM3fP<6KX
zs|O!fbd#y{pBvdIy{b9!FRN5mw0=n^DWNbi!qmB%4*@r9ep(98Gx{2EC5w^|;b5me
zX;Tx1N6!qt>>Gsw(^spqmj!K=fg0h7Le%d0xR%BQ30a0?qoxc3KU(RdNUtMS#mJ4j
z(WiDXx7+PhAL-33(&XY@_a2w*pWSiUtUcV1>8Qx@79$DC?Ob~F^lL`@pq&C%NNwq(
z-`haMiKW$F0Y|0^fOnj_gNR`YS$jKLA5ke@%%!^5))oXDAUR?vEGs7os1@r`s9{Ep
zL1lM_oHlW!lp(~Y22z0t<19{4eI5U!`S-ih?uBs#?2bgY@%T27vjr|6ou_fO_Z-Z7
zNWefiMjqKB0oXe>)B5(Yk$9Xe03Z8)f}~YJCQ8ua>Uh%Ym9sN$iF{#iclaLi7G;k*
zXGLFS4uja^TG>0=SdB9Q6=aL_(&^2rkLoTP1dX#EymFXf=^S?cP0JSUGXX{_R>BN(
z(4RNOqi$8;loUIO3B0Ddcm=vR&DRg;qTgb~id9Q!0oyU|l~brOj2>#4EcRTWPx
zkG8yD8oK^Th^Vf7-YOpSXd2Tc*-)U;a?|5DhN^-mtha$@)`{*Ou#R|mV(j*IRSY)w
z1TH(yaC`h-*Y9$@H(;r?p&H*?cH*!r(8NWT{ANGBnJqEX&jHDC)9laKbkp*>QIK1x
zRJG?K&{j0pY&8&g)a>>A025bm=i@pf-t=TQXYLg!dnXg55(ACRuWg^j&*V6cXPT5;
zVW62D2L{F5{Cv&?r?1N%62mwyxItItAKN~1YBt$GI4+4Y+o*${n}5MP-h1(*ftUKx
zme$Y7cubbZf4g0lr)@#z{B^`B{~OT5@F;2q^r6?3N4}a0sk%KD`|&gCdgt0@kSVAu
z+48{*9%w~8V>Vs~T5#U14au=3V^bDt(mgY4`hdIvK^x;N&VfXUtl=F866DM!)-daQ
z9PcYP5rQKM<=V6Pq*s4V+PwafuFw5I`7|cG{d_@0<s!y(X~AV+0810rG+hPRd|<0;
zNT#Trk5A1`%cB<$XzZjyDD|kkWE};h0%8a!9ygO#j*xr@7*upw3SN`8r31p~^!<_W
zh|G!#!Mi{J9E1D_7t+xAU9pheAr7H}8mPlJ40`Ts30W#z)5%_(b2govJb!A*9t6|i
zZj)}ECLBv%4zy7w&_4<59r=|^luxg<(>06xvB3He8!`yZ_MS2ABFBxpX(Pd=x4I07
z{oKMgm&7OSd}p`L%qwKJo3<~yR>I5NYVB7#Ks~(4r~IeV1>qhZz?d#wzyrW0Y&Tqh
zMM}^%9<ja!IT=kqQpAFVr=A-l0%k1*rD=!7T@)3&#$V`M6Oun-9yq9X$Ko=aic9pz
z%}ib5bHKU8PAeKMJ8vfXTdhRP-iKx<%Co-pachcV0X|s$=vK&n&ViEBZo9ep3p7Jp
zyPz!1&_Rd31YW{D;~L2~PxY46dU{%j{AT0B<X+pAnx)pqA)UZzblOMt)G_`ws9(TS
z&kj2B^n3rH*8bLjwYg@fmu<G*kI^rS&KkR&4<9xt?X;lLW(XNUO_4ax;C>*M1y&=t
z?46SqCCZFguM)Ig?E-6uY-yK2CSNNmMxc3DDanUY5M|}`ZuUH*9yFg}$(XF;L|K++
z(+&LHAVRHNk7ol!)hOd7glF+uldyL}5wnbKP30a%)1M^2X>=uoM@v4nGy;9;x4@p5
z-x<608v&aKK6(KrK1@xKl&b_>ldX}pw09yfi}dQ|`ldS2tYkmg4VFk}KZjwRuw3iD
zY_4Hd(<o+k-Of0Dzm&Xm1a%P+(3_cwcsXsruAEMP4<BoXv*~)vTyANL|41aRM>~wm
z>lpMui8K|{J8Bpo)!_Fj61<RqvA+Wu`<rK~J|@w$TJ0MiHy=^Xks>ou*f}1p7|E=Y
zQQP`C`F&lucc%X6I=m5OE@9LX-UA!Syrwy@gNXbZn`Q)96;YteTA`!3tL%^>s;i|=
zaTJMF_MW6&QxMO0gH6>vm@-8{mZip1?|Gvz^;T_eb`3Z6AoJ+Ms3?@Q0&*Za=6Ude
zY3;NIG}~H<vYZOzqn`)Mka#u3c5H&+Dj1_1+@i9p`WoqXA|7X<fbr4bWiGhrR-dB6
zy~mMV`1-Pf(OKZg5uh<U<)2NZ;^-GZi7;DD@6lHA0Z{4vY+N+rh}pnAcMvfE=GZQX
zAWA$6Ig*!btAJ$Uwz@-}M|=wlM+&Bj6UuQ0@j%2O6-X|^wp`i1l<lJV8^fi>oc*}K
zy-tpCA-mYt!#b>R){oSW;}&sIAIZeWd!~tlu@~DOKYJT!x*ThQ-sXTdj+NiuxHA~l
z{8a2+Gui5-mn~&=E#{vKIo{)y(?wv0s4J^9x3b>aIx1x_7=NjPcb+0>HedZ{xqZUz
z49x3VqyGb21Q6ff;nW8Q2h&pi^np{=e$wY&QHGSBylH-T|Hz$*q{j#nr^I;8mCSzd
zGeDhmBr0+3X70C*{EoZ0&8d>i&IhfV8E}*EOr!J8?}vlxQS{qRI`|({(tLl*eWZi}
zcJwaQn5?t-Dr+2l#YQ0bSVavram%4aF?Fd9S_CtDLjnc^?J_HC0+Bs+`CC(SWr=*Q
zkQbEfqs454@cnT5o3apD9s#n?&xtQxA+i9^X{Pki3f>3?0D`t=a)zS0VZ3$wM$hU(
zU59(TM4$OGz%8#%gPof8bzcfC-px%u1>nm=&Y#tAI57CJK%J{X!h8C{UvaM-DIjH^
z!XK9iM8u1vJF>EO2E(gvUo)RQKyTyjKZL&N-|?!2#J_+4-Uke-s?Y|e$JyrXcd_^T
z4?U=8yZ6}NEEjm5?NjcIJf4%}W+k1G77b(RA{Crwt8k9~H<xuT25WS;&G(WvFHA|L
zCGhjfrp2PVa&Buf{IamtZs3v%*O7!#u1CU^(0vit^_MzQwK?>=H}D7cG|~^9`4moR
zc0vKRVDfJU`~M=S^g>s673hv}U?wt6;-AP=xJ~%e2S1Ge`sILHcW*Q*WhD|dit=N5
z+J?Tqa{2Tl_*c_1IcqC6*0ijK;vj62ZatdkaRllX^lt%3Y)YuN86eycum|*_?^9|j
z70ZZr@o1(}E4@;p^Ff*E4N}k-P!u5Wixi<&AyrqV$RDg^`?yqpaj`G%;51yQPyDn{
zvd*wY8|&Q-Md5a*56SRNzw1)eeX(r7e}6RkkcaTFWQws@TAn)Hw`1ZLWk};gq_E^2
z&1q^T_q%wA6Tu^IkT$z!aSi-i7{Fh`O0MvcdIN)g15=r|ue+iPrMIpc3hicPVI~l;
z+rr(~k6|q;^j(-?@~?ht`#>%LKYg$U?Cz~GfjipAzAGNYE@Yo1=nLQ(ssZyVEK1Ma
zuiv;pOCv~rorE+eU!}D~kOnnV*e23(zcfyM2YVK&aRGtFuN5n?eZ6jTPc}R_mprmq
z*STUFWkP<O>-zW5ncs5UXD4IwIT=6~e`wghfuVY%O{Z?r1Au3$<w!30NT;pYj{Wdx
z(XfHtfUYfV_gT|y4c0=r2PP7R^@(7%r3KDMeQ5!J138CgfN~%)BEi8m(oCLXlNYT<
z)ibuO0H?-t_($h|)7{3##wmsvU)qw}+MVY<ZlZ1j!ITS1fAC2u#$-`Zj`mQ)mU|uM
zwf|nyOe7gZ^A3>kxZ31jR2INBfRS49oF&_#;U3aOE`j<!y02{{QHUx(R@Nf#{#Wzk
zSjelXKT+Q4*La0L@e|QfUkf*_z^*BfwH9_~l)P)hL*~w>H>U=cxr8sKv@`|ysNE5H
znRP#+>2VO2`Gl#-e0=ZQ&6KP)=p-fE*SB@cON5c#j`9vp1epN?nWem0xG**D6=$Fo
zerh4{ovLfaO-JA;0T?0CDDZG*qb#IpVYrZAm|qjL0u<m6!EKjNA3+$sfaZcx8I^oU
zvcyhHuS2MQcKL}?OHIP=;+i7#ea7Y#)iSDVW%S9wx(Zis6)k+|(Z3P>?GH-!V>V2g
z01m83!Hb=vVBzMoZtp)0BCQv;+yTd<BVVsouxp4e4kk`GiN5yfh`5e6(odXu#IDvQ
zAKHBzzr3Vt__yHg1NGn>edP^_TG~+ykphWDfwQlnq#vJsp==w4(7@kB3mYn~6c}^O
zc(-G+P(<ecw$;0}<ozWFSIayCmZ2R<JEL&^KRTCGko$s1SwF|tGYI(I?~-3rwpl<5
zAy-(M$@BeBHTV5}X`XQp!=GF%JCdAYbNssx%73IMrf5AKf6vv=IOVh?%m3mrtU*`#
zU!F9E!PM?!v*XzoggnQyFwj=Sgn5T`EL8s6a-xz+Qx!n7p#V*L7{X<-I;qv~2jQM@
z9M!@5Ifza~{afF^*AhVuuCBJXw-4?$pT0tCu|R3q0rYGO`J4tf$!Frkd3`&no@-!n
zJDC7ikXX|{n4BKHOF_}E&Q)LAGffDNd@DHeVqv%lB?+^Y$^<J}$4Q!yt$EJ|kxEsb
zuZGoR&?mKCQws7|l|F<L3iwmGrr0t~U&wY|%>)qf0-Nq{EC5itM+|0XL5R0GrrkS3
z!FwZwk5&3oR0eet67$*<hsX#X7h(%zhg@NT{m6wk*ZL&lEd!JLgXvAM98v(jE3r1D
zU?tK6J8C5}>%5Pj>0rzHac(nAT-fZQLY-j7kVnryQ086pg#<GU7rBlHpygJ&dJ%ST
zL;bi{T($ZsL&@flR{dVZW~(BI0C~;iKwu`=Od7;Y(xZX#huZds`dgjv=hWh2Gby1$
z+S?6>Ux}KU>S;;GJhHOx7mELy12Afwna~i74hzr>B-J#NaeEB&*=SU_ZwcqK%RNj)
zR2-nd6wHV>9PE;8w6ZICFprM3;y+}wb?}fSM}N+QKh_{if1?mF>cxwBSWIxJO{MoV
zME&Sic9`c~S?S#%l9&cJ$o>aIZP)phgD2Hen^h85dlowlj&rgctbvX8Z+?Y@q+)RF
zmA>{hi<e_^`O!y51eXnb$PI0}817v?LbsutWgow+y;*BIalW7O=t(cS4M~?wF<d2*
zQ!0C~l^=cw&-s-xLCRg(n^dqDqSorCVTb#RF_qTp@yr5_=5LkE*aEO^$<YR;D8Qt+
zMME>0u-mQ49I>2&t2s}^X0J=8U#U=rP(J-*`u@j^Wp`|hZdLJ9MU5o!h9#6JF`-%d
zU1@}v`^Je%&caAk`^4oo$@0)AhJx{gd1si}u|LlGT!E~z^{OLKT?7E3#>;4<^yev$
z3=wv=w))Xoh&#&sM-<S=$FDm>wC?8lJ;6Ij1ROKG#t2t%b_^h*%5D_$A=(2lm*2DJ
zy;Ysg_w}siO=emCRF-00XZ4Eopw6Fwx_XDA%Beu!97L0>g1w9aJiK%ILxSllC$wQ?
z$4i#k*@TEQTm`P;CdS07JVMjdRye<WsP1R~?2dyzjg8KWEqv9c$`aOLp}z}D%n?bu
z2~IRFmWK1_@=T~GPN@;$sue21Y%GAkAn`!o5aR5()njjX@pJRmjcO}zEr0%Muloz{
za*jszLeER*F{Z$4{QD%*{63*^U!N0XF3(ar^AS-XDW6F&rq_BX`+v+a`koXR(R6Ru
zb?(%(tB}Pwop6}9eMWSLx|%Nn8|&<ABi60sbi{Ma@rXY+J`W0SX>@$JAP`vVcl4TX
z^Q>die9GJJ$Yj8?uB@og8vkZ8hjn+8<H3KR!Xge-f+uZ>Dhl2w6P#L~!3v-Qs)5d3
zX%CPOHrlvhb90YaD~4w?64lI^^q)HljdWvwzp5G+Rf7qhYXJN{r|D4E^;fY1#z=A3
zz3C*yOy%!|jRXtMqqNYx<T%hqxmzrc<qH0>x|D+&w4*NpwGy8EgZVJEJ{I+oJF-Gc
z^}MBLX;LWhQ^&#?Ir+74qPy;L{(MRo&ez`GgONz?M>qUVSGmM{PDjdbdNV)?%}d%y
z`kovH(B*oxA0s(+_cXof*IZ24E&IcVTYErDKz>U`lo+RJ4H~~|F80pAV+Zs*mjFc(
z-eR<(U9#DBk-?q)#!V52NM0i2B&twT9X$P%EIc$(rCb9l-ibm*l)OSaIV(_<F!w<S
zPn4Wl;XD0}RaaUTk|*76-lV%%P1jK_C}$R@_D8MJ8da5rg0bhH8H>iY>50#0oY$5X
zeDj}B-Gd;FxO`5#{}so@L^a-y{<v&sxrRMV9MT#3dc5<?%i5)J@AWO+8gboXUvIl)
zB^yGVgR5AC5XrrvJEObBfl%6*hoe0n+b-jO2S8<6qTEjTPL<cxBsFbUO(W<o&qmfO
zic&uZ<(wTZ6NJfal|=^4KvtxRGs^J>@s!|+Aa)s^k<Z{~zDF8B90<cZUR6$RQ!CUd
zQx@i9bqwmg!gaC9?a8GL71;awDp~j3tm0X~kIKL=_?~=-ob$?GNb_Qpk0TqInEFGg
z^Fn**259()L0C2P{3@A;+Bah+qCN8aI#Y)E-#sC--=7rmPBxU=Lpv5MfJwVaRDz)Z
zc%Q%LKMH`*JmG#A(Tm^q1a9H07n`u4j?D`D_Cc$ZR-u?Uyn|IqE4Iz4HUkdVP^P%P
z+^I*^x!z*x-Tk`5Y@hnJr%AeQsnRP1x}HCX76tsMx$ZXMU~W}lU~2$OxB(0DVFcIe
zA_P_hndQh1w6wI8(lIvvBz63Ws9XIWbXg7P{;InxA7KVcSl*!-rfdAMN~(6{@tdS+
zPO4#kr?-4wnOdAnRVNHb38P3s1%_{#im%X^<%oWb9u1z;sl|ZAild_qzeSjgJ@$@^
zj4GXtrkz{IhGlYvxIg1-Gj5$Eq;bExHR&R%Q0Nn7=%>Gut^ITLQ0ibi>}#B)jV$Gj
zpZoG@<FM$N>yHEBoGBk!BP5FBAR_Iv4PD#RtW(ou3s&<&>Tj`FB(*3_Tv`AvM%=?l
zw^zU;>2II0kerp3)#v02$m37CM;ObbwAZ|*tL<iH2T`X;t_-C4tGG}UFx%;Y$RJj|
z)l^kwBCW~~UjJ8{H#U59op&1~Z9~n(;<n^%-?JXrG}c+<P}{Q(C}vv!jd1~_F@Qha
z^HZ!TE-pp`leuqr>?G04u%jJ}ZQob8S{2dr29R~Ts`-va!mO~WHNes4Aj1;_o+w{p
z><snw>tAwFxp74bCZVjcxbE<$qty64NYR+_EKeN85xZDFp2BC)e{f7629=<jbnwdc
zb$*wC6Xa=O+X+&4PdT$mmDOOiTp@-uw2NmIoqP%B`qON@`jdr*hxWASD_{q5WJ&Z#
zFm;Lx6m~#fvxR#o2w9zFhoY|0O$2QNfcngBapZB4Ripq`7WEK6gHV5JOcwEM>`U6G
za=EM+(;qxCBZ6)AOdXsOCz^D!&7wN<OCBf$W4_$^6uvhpNU31M6l4E#4<56><lL&E
zsAO<;Ju}4wx6p>1)a#<TqDxtRzL4*0Bqf_-b|ucIC6)c_`^WtjSCiFynVs{GkH5!h
zlVZ4YkayBe!-{NR?ZQM({@5{nGDT6NWO+rAG`oZiX;u3E32_&t8!z`t;2`3t4<xos
zg?bZH&;U7r9NYvM(edq_S%T~M#0Tsi%N>ycv@~RvTtSMJBs>EQa2LnyiA-Nc&tF1h
z83tpqEoL?S%K|H{+qFw`I41b^Hy)qcxW|2F0O>RD0sU{+_;$xbLJf6J3}q1h_!%$N
z+k^CD&vB=s%Tr5{=JdBQ8e6i#5$kIJwo`h0AgxKmqnF98r;ZTE|1yf|L;r?bj#sL|
z$ajqmqJyI-TWEV|9d-y8uBfNW^E3iUBT&9nij&`JYQ`AvjuYjJiKIVL)J*QkOUA`#
zPvJkpu%PBZi9<4DQT9}d`h0mtfZ;wy$9O)<XzYnzar@MczWvD{JN`b{WIIXJY{(@g
z@_UlR$$sQJ%*FRSdJRd+Qug>EZ}&XeBp=>j=6)wrJ*f_=7yJ*}<!jz&3-BB*(qug?
z$x*M{C|u_(ue~a#Z*6SUA7AY*LM(2osb-(trw0p-FVe=a7J`%iaRJW07Ev;1oehfD
z1f<4R$E`e@I8Qwf1WprQ%i&IR>U8ah$`#TtLVLWNtCX4xyXH{X9xvB3HT*CXE=E&!
z;pSs7>^Pf73JU|Y^b6%r%ACo()xxhAnv!n)6xPJ|blMww+<#QP`9(CrM*gUvsOa(+
zD0wQ}a~#kf8(ePgX#ap8Zx<E2ckJMFXJ>CQtDJt2<XfzYaIZ8K@Gjq{1P6N#(o$rd
z<Vb$jL!S2){j|j)i5cs`ka0Ql@l4Kakqjdfla!5w;wD393PAtN5ubry!5V~%AvS0T
zfxrN{jS$#nL@!^SgBDeuB3^k(Sy`Engp~yyJj^LAK6ylmK{FhC-eIj%X+tXxGmjf*
zbGz-sY;AGxI~6D(IYnx#<JA~uA#jvLMUeQ#PFVEN-0%G7J{I=<$!QGDUamtMICV=c
zJ9uGLIgT}s8Xvp%;YkXZY86LiVh?GLv99&Tr-K`AUJ><AY_fhLrfh_;X9tgrjHF<R
zF>9-%BPdmUe0*B6xlD3l7J4r_pZ6cp?vZQCz}6@=zpLD*Fdv>P81q9&2z)Gk9oc6o
z0ro<#L^zkHFEq9$mY-Z^oDkj5fDNQwqs^Qttxu*~8=ktw2tC{aQmq5W>J&W|)e
zRJ^kyR4#wDaAGf8#Bx|r)zMa=EgL3zFci~;M`~B>k0b~o1If2f9X`S6@WVS?MU=?d
zN;uzMl0JH-`tK5GQA_#h3ACK*!qP51JwN&bSF%A!0L{NMPT#>j`UoNuS<82)FYcc^
zS{igYT8L70gtO&W!i3pHA|AH^nru2rE$B~Zg*eWp(c=(xDzPeZ%j-A)t>4@#dTJsP
zCBi7a<#o~ct%XQQov1hF4-TCav_9cNnraLLNk773Puc%_YT<7p>USf94drT+c_pz~
zt<7A*Eoasurz8PVa)z8DPM&q!NN|&X0@P~fzi*mF)yo>63|3eTsPF9T0ERyekV5d;
zaipo|Lm}YDRnl?wD+QZ-(3xM6--eWlG+q735`s~C;2$@SEx7z~5JcUipf@z(fAPqz
zwkDUSvBc&VYwEt3*#En9jbsdDHpX8VU0cO~Ff=YV$M%^%*`>*^&o0^aQ1iYQX0rLX
z)x%q_lxTHyb!XGit?vuk{!!0B^5ovJgF5Ef(s#wL528&RZz4>U((nTfb))xMXQE4k
zPI5y~eBNSAabVNnDc~{O##RcDDTDTfvMAKUP%_^q+-eXsnF88!6$*Xuhq~km+$8t0
zz!4-U03r=}gK-w|^|9(Co@phSISl5UqUCgQ?kBl)Fq1Es_P`vRGZC=(5dLiYIafV@
z{=@J?3G-K@{_SLviP};zqHo!jvU<G#kEXAVit78`9zb9~y1Nxnx*H@Vm6C24K#4)5
zq<d(PZY3oIY3UASC~2fy>27$>=liZ7>;BJzd(YW>Kl_Q*LSgZ-CjO9Fer@<1mY2v{
zfloBSJP|L=48%GF!gtSwAp@J5VPgE2pSnwx@Xk*wve@jO41>t=s&L<nK$m_sRI|Z>
zo@qWl#`G#l9t3AFnjOt)zKc1;_g_zBb*Eoo8|_m9lo}N%S0?I>G5X0b=y~H)BuA0t
zK6h@pw#yxDu-$CQLqB8QyXViInF85e_NV6V!4yvZy83!DOOa$yAwetmC8^q6kDtt^
zkx|t`RdtZO?9xOtqFIUcnTl45Ue+f9O{{<$pt?&2BPPhN6o-Igk{DrElA}IVPH^7L
z5Qsit@e-#{y|Tp@<J!Y+B#@bq;lGORuW6*#<ok+rlWr`$PxtTPI{_Z%yj8e}4-q7v
z@Ffkf`WGhFOvo8ZjykR?7vOxurT*-sn)AojGNs7F0@+up%=+$_(S6MCBxd%eHs(B}
zY|o$97;>bbA?zpvLLqHrc;S2U)^l~dtvAN5)85REhWN#a#g=S;HXpZrY{_E-7pMvH
zmYq-+?W<6_+9arhXFPtkR*L-5fG{S7v3z5=R`OK#ti<(ci?Z6+Qu-D2hg?$YQsq!D
z^;Hkvam!_-P=~c~Zo=<*q8=>i!@Ry$+o8O|DE^~UIU#GCXy2n!>jxs9IK$=zbE?rP
ztr+ImX7+z;6)hc+H5!ze@xBX=>X+SU%)$XT`wb^Yhmx-S9~Mhq=29to^Mu6039`R1
z%*nkt4eN%!jCfJP#74=;PG}xM0(xu?*}#bHC~`=_^QY@+$d^0Ha<S616<(;6e-oq|
zK7OQ3HIWW*tGm{eM;cQ@ADyfJ{;0MN7uf_SQYG=HKrZ4}nim-%XoJ-t{6+6@dzFJB
zs!g}6Hp8zis`-#_!hSxpP+8Ev#KVX3pmj>|-fHoTelh><-G#nT4EhC||AZIW+r+Oh
zK)<`WxVVV>(f((O8tGugLW0g%0Dv?umxpD)i`9F%ALae8YYXAUjLG19Q0;H(uiL@o
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
literal 0
HcmV?d00001
diff --git a/documents/logo.svg b/documents/logo.svg
new file mode 100644
index 000000000..41d99e881
--- /dev/null
+++ b/documents/logo.svg
@@ -0,0 +1,4576 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 1313.00 915.00">
+<g stroke-width="2.00" fill="none" stroke-linecap="butt">
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 996.13 358.22
+ Q 996.35 356.52 996.13 353.26
+ C 994.66 331.25 984.35 312.92 966.37 300.81
+ C 952.34 291.36 934.78 285.69 918.03 285.21"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 918.03 285.21
+ Q 917.93 285.03 918.13 284.71
+ Q 918.26 284.52 918.46 284.41
+ Q 943.86 270.71 954.96 243.99
+ C 958.07 236.52 955.60 227.64 951.17 221.36
+ C 945.71 213.63 936.02 212.93 928.13 217.32
+ Q 923.46 219.92 919.80 224.01
+ Q 914.74 229.68 909.74 234.96
+ Q 894.58 251.03 873.12 248.98
+ C 857.17 247.47 843.89 238.82 839.41 223.11
+ Q 839.26 222.59 839.77 222.45
+ Q 875.32 212.48 913.95 201.53
+ C 928.16 197.50 943.87 192.64 939.77 173.49
+ Q 936.75 159.39 929.02 145.62
+ C 915.01 120.66 891.00 107.31 861.76 109.55
+ Q 844.70 110.87 829.83 117.52
+ C 792.27 134.33 779.50 175.83 786.70 214.14"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 786.70 214.14
+ Q 763.59 200.54 738.96 205.21
+ C 728.17 207.26 717.26 212.28 707.90 218.43
+ Q 706.56 219.31 707.00 217.77
+ Q 719.33 174.34 731.14 132.56
+ C 736.82 112.47 728.42 98.84 708.75 93.55
+ C 692.44 89.16 679.12 94.57 673.15 110.80
+ Q 671.91 114.16 670.49 117.73"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 670.49 117.73
+ C 669.11 115.31 668.00 112.87 666.53 110.54
+ Q 637.50 64.49 584.47 48.47
+ Q 555.93 39.84 527.76 41.31
+ C 473.59 44.13 427.78 77.96 400.56 124.26
+ C 364.87 184.97 356.28 267.04 396.08 328.29
+ Q 396.35 328.71 396.39 329.20
+ L 396.44 329.76"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 396.44 329.76
+ Q 384.02 327.02 371.23 328.82
+ Q 361.92 330.12 352.99 331.40
+ C 343.53 332.75 333.45 331.39 324.15 329.46
+ Q 311.84 326.91 290.90 321.11
+ Q 288.57 320.46 283.33 317.37"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 283.33 317.37
+ Q 283.35 317.69 283.01 317.11"
+/>
+<path stroke="#7e2323" vector-effect="non-scaling-stroke" d="
+ M 283.01 317.11
+ Q 283.80 316.78 286.09 316.14
+ C 292.76 314.27 298.49 309.20 303.87 303.45
+ C 306.85 300.25 310.04 294.68 305.08 291.37
+ Q 304.00 290.66 302.81 290.09
+ Q 302.25 289.83 302.51 289.27
+ C 306.32 281.11 312.90 268.31 308.49 259.33"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 308.49 259.33
+ Q 321.27 253.06 331.52 243.28
+ Q 337.94 237.16 340.69 227.74
+ Q 346.40 208.24 338.69 190.80"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 338.69 190.80
+ Q 343.83 172.12 347.27 153.41
+ Q 348.52 146.59 348.57 141.52
+ C 348.65 131.67 346.96 122.46 345.71 112.76
+ Q 345.28 109.40 343.90 106.43
+ Q 340.24 98.55 336.04 90.87
+ Q 333.70 86.59 329.86 82.70
+ Q 322.31 75.03 314.76 68.15
+ Q 314.33 67.77 314.30 67.20
+ Q 313.94 61.64 311.61 56.28
+ Q 309.45 51.31 303.76 51.87
+ Q 294.77 52.75 289.75 58.36
+ Q 289.36 58.79 288.82 58.56
+ Q 275.70 52.81 262.82 51.32
+ Q 247.47 49.54 242.90 49.56
+ Q 227.20 49.62 210.11 55.53
+ C 202.70 58.09 195.73 63.74 187.54 61.83
+ Q 184.18 61.04 180.71 58.85
+ C 170.19 52.21 153.57 49.54 142.85 57.85
+ Q 137.05 62.35 136.60 70.99
+ C 136.07 81.40 138.23 91.94 141.30 101.95
+ Q 141.47 102.50 141.27 103.03
+ C 136.82 114.76 132.97 126.09 131.17 138.57
+ C 129.69 148.85 130.02 160.41 130.56 171.25
+ Q 131.09 182.02 133.98 192.58"
+/>
+<path stroke="#611c22" vector-effect="non-scaling-stroke" d="
+ M 133.98 192.58
+ Q 125.72 189.94 120.26 183.69
+ C 117.21 180.19 115.86 175.88 114.01 171.73
+ C 113.61 170.84 112.88 170.05 112.32 169.24
+ A 0.57 0.57 0.0 0 0 111.39 169.23
+ Q 110.30 170.75 110.08 172.51
+ C 109.68 175.68 108.30 178.67 107.27 181.69
+ Q 104.12 190.96 103.41 202.01
+ Q 103.02 208.16 103.57 212.00
+ Q 103.98 214.87 103.74 217.43
+ Q 103.43 220.70 104.12 223.37
+ Q 107.21 235.31 120.68 240.00"
+/>
+<path stroke="#7e2323" vector-effect="non-scaling-stroke" d="
+ M 120.68 240.00
+ Q 110.48 241.30 101.99 241.95
+ Q 98.04 242.24 92.63 245.55
+ Q 90.04 247.13 87.38 248.31
+ C 81.29 250.99 77.74 257.62 75.13 263.37
+ Q 71.36 271.65 65.52 277.71
+ C 63.88 279.40 60.73 280.13 58.50 280.35
+ Q 57.53 280.45 58.43 280.80
+ Q 65.82 283.73 75.97 289.61
+ Q 86.29 295.59 98.40 295.85
+ C 105.94 296.02 113.69 291.76 118.87 286.63
+ C 126.45 279.12 133.50 272.20 143.62 268.11
+ C 144.93 267.58 145.75 266.86 146.75 265.89
+ A 1.09 1.09 0.0 0 1 148.58 266.47
+ C 149.09 269.15 149.82 276.06 152.09 277.42
+ Q 156.29 279.95 160.81 282.44
+ Q 163.57 283.97 173.33 286.09"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 173.33 286.09
+ C 165.52 292.45 160.26 299.84 154.94 308.24
+ Q 152.74 311.72 151.04 316.09
+ C 146.81 326.94 139.69 334.80 129.92 342.08
+ C 121.53 348.32 112.98 354.61 105.53 361.51
+ Q 99.10 367.47 94.87 370.39
+ Q 86.77 375.99 78.72 381.00
+ C 71.35 385.59 63.26 391.92 59.07 399.17
+ C 50.55 413.91 52.80 435.68 65.99 446.61
+ Q 69.03 449.14 71.96 452.26
+ C 79.69 460.52 86.62 469.39 88.74 480.76
+ Q 88.83 481.27 88.56 481.70
+ Q 87.92 482.73 86.97 483.16"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 86.97 483.16
+ Q 82.80 477.41 73.95 478.90
+ Q 67.41 480.01 63.51 480.31
+ Q 55.28 480.95 46.93 481.21
+ C 45.02 481.27 43.78 482.31 42.05 483.14"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 42.05 483.14
+ L 35.10 482.09"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 35.10 482.09
+ Q 27.61 475.98 19.00 480.22
+ Q 13.96 482.70 14.97 488.47"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 14.97 488.47
+ C 5.47 500.31 5.50 514.46 13.09 527.08
+ C 19.09 537.05 28.96 545.34 39.84 547.45
+ C 52.87 549.97 66.16 552.69 79.48 550.60
+ Q 86.69 549.46 95.90 545.67
+ C 112.65 538.76 128.50 531.60 139.41 516.34
+ C 140.73 514.50 141.46 512.36 142.13 510.23
+ Q 145.24 500.36 148.04 493.59
+ Q 149.19 490.81 151.52 488.92
+ A 0.41 0.40 57.2 0 1 152.14 489.06
+ Q 156.86 498.61 161.73 507.98
+ Q 164.32 512.96 165.74 518.05
+ Q 168.34 527.35 170.83 537.46
+ Q 171.03 538.30 170.78 539.14
+ Q 167.75 549.28 163.67 559.28
+ Q 161.84 563.77 158.98 567.82
+ C 150.41 579.98 142.63 595.04 141.55 609.91
+ C 139.44 638.99 164.22 659.93 187.29 672.02
+ C 192.16 674.58 197.22 676.38 201.87 679.35
+ A 0.28 0.28 0.0 0 1 201.99 679.69
+ Q 201.93 679.87 201.81 679.91"
+/>
+<path stroke="#677c83" vector-effect="non-scaling-stroke" d="
+ M 201.81 679.91
+ Q 190.45 686.00 183.03 694.52
+ Q 180.93 696.93 179.95 700.51
+ Q 179.51 702.09 178.12 702.80
+ C 173.77 705.01 171.62 697.95 171.08 694.89
+ Q 170.93 694.04 170.29 694.62
+ C 165.45 699.09 152.50 714.26 158.11 721.29
+ C 162.44 726.72 167.75 730.18 174.26 733.72
+ Q 182.40 738.14 191.13 742.64
+ C 192.86 743.53 192.42 744.83 193.24 746.23"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 193.24 746.23
+ Q 187.30 742.75 180.72 740.98
+ Q 179.15 740.56 174.75 740.11
+ Q 171.58 739.78 168.76 739.36
+ Q 167.07 739.10 165.14 739.17
+ Q 163.64 739.22 162.30 740.25
+ Q 159.92 742.09 159.37 743.68
+ Q 155.39 755.12 157.83 767.22
+ C 158.81 772.09 154.58 771.21 153.91 774.93
+ Q 153.36 777.97 154.32 781.12
+ A 0.96 0.93 6.6 0 0 154.79 781.69
+ L 159.41 784.07
+ A 0.46 0.46 0.0 0 1 159.34 784.92
+ Q 154.47 786.58 156.13 791.80"
+/>
+<path stroke="#677c83" vector-effect="non-scaling-stroke" d="
+ M 156.13 791.80
+ Q 152.10 794.23 148.58 797.28
+ Q 145.31 800.12 142.70 804.16
+ Q 135.42 815.42 128.16 826.23
+ Q 127.83 826.72 127.80 827.31
+ Q 127.18 838.91 126.51 850.50
+ Q 126.05 858.30 128.07 864.71
+ Q 130.77 873.30 136.22 881.13"
+/>
+<path stroke="#284729" vector-effect="non-scaling-stroke" d="
+ M 136.22 881.13
+ Q 137.93 883.28 139.00 885.37
+ Q 139.50 886.37 140.03 886.66
+ Q 140.79 887.07 141.71 887.08
+ Q 153.69 887.25 165.61 887.45
+ C 166.94 887.48 167.84 887.76 169.22 887.26
+ Q 172.53 886.06 175.68 884.76
+ Q 176.22 884.54 176.55 885.02
+ C 180.40 890.60 187.26 894.51 193.41 897.17
+ Q 204.15 901.81 218.00 905.46
+ Q 225.72 907.51 233.46 907.55
+ Q 246.44 907.63 255.70 906.16
+ Q 265.29 904.64 278.86 898.36
+ Q 281.67 897.07 283.25 895.06
+ C 288.03 889.01 291.69 882.03 293.83 874.82
+ C 294.46 872.69 294.41 870.64 294.55 868.40"
+/>
+<path stroke="#20307e" vector-effect="non-scaling-stroke" d="
+ M 294.55 868.40
+ Q 294.81 863.36 295.31 858.31
+ C 296.43 846.91 296.77 834.51 292.54 824.59
+ Q 288.77 815.73 286.30 808.56
+ Q 284.77 804.13 284.13 799.26
+ Q 283.35 793.27 282.94 791.16
+ Q 282.19 787.33 281.70 783.25
+ C 281.53 781.84 281.06 780.66 280.96 779.22
+ Q 280.42 771.53 282.27 763.85"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 282.27 763.85
+ Q 288.32 771.38 294.65 778.55
+ C 295.82 779.88 296.54 781.61 297.73 782.95
+ Q 300.68 786.26 303.95 789.76
+ C 309.86 796.07 312.05 804.27 315.12 811.72
+ C 316.62 815.35 318.75 817.73 322.75 816.32
+ C 326.50 815.00 327.46 811.60 326.25 807.94
+ C 324.88 803.79 324.17 797.81 321.09 794.78
+ Q 319.44 793.16 318.64 791.45
+ C 317.06 788.05 314.45 784.83 312.50 781.75
+ C 311.30 779.85 310.69 777.64 309.66 775.60
+ A 1.78 1.78 0.0 0 1 310.75 773.09
+ C 313.23 772.36 317.87 771.72 319.23 769.41
+ Q 323.09 762.81 321.65 754.85
+ Q 321.31 752.99 319.95 751.56
+ Q 315.82 747.22 312.30 744.73
+ C 309.83 742.97 306.84 742.64 304.03 741.42
+ Q 298.31 738.93 292.48 738.09"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 292.48 738.09
+ Q 294.49 736.63 296.44 734.64
+ Q 298.71 732.35 300.52 731.14
+ C 305.30 727.93 309.45 724.85 313.35 720.27
+ Q 313.67 719.89 313.73 719.40
+ C 314.48 712.61 313.62 704.55 308.40 699.81
+ C 302.98 694.88 298.01 689.73 291.54 685.60"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 291.54 685.60
+ L 293.80 680.29
+ Q 294.04 679.71 294.54 680.10
+ Q 305.55 688.68 314.70 694.78
+ Q 344.74 714.83 376.17 727.90
+ Q 406.21 740.39 438.84 751.89
+ Q 473.61 764.15 508.83 773.45
+ Q 518.81 776.08 528.18 778.48
+ Q 576.36 790.81 624.78 797.93
+ C 673.27 805.06 723.35 815.17 768.04 820.15
+ Q 793.04 822.94 814.04 824.68
+ Q 852.83 827.89 888.09 831.89
+ Q 898.20 833.04 907.99 833.45
+ C 941.80 834.88 975.35 836.01 1009.00 833.06
+ Q 1029.74 831.25 1048.50 826.32
+ Q 1056.41 824.24 1063.56 823.07
+ C 1098.40 817.35 1133.34 805.96 1164.91 789.14
+ C 1176.28 783.09 1187.13 775.32 1197.98 767.82
+ C 1222.52 750.83 1245.13 730.73 1260.23 705.61
+ C 1266.75 694.78 1271.36 681.26 1275.56 669.04
+ Q 1282.54 648.75 1285.25 624.64
+ Q 1286.62 612.55 1287.74 601.50
+ C 1287.93 599.61 1287.70 597.70 1287.46 595.81"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 1287.46 595.81
+ C 1287.12 591.95 1287.66 587.87 1287.33 584.39
+ C 1284.10 550.34 1263.74 520.98 1239.63 497.70
+ C 1238.85 496.94 1238.41 496.11 1237.24 495.77
+ C 1209.69 487.72 1182.19 494.70 1164.63 518.16
+ Q 1156.76 528.67 1151.32 544.77
+ Q 1142.79 569.98 1142.79 595.98
+ Q 1142.79 596.01 1142.76 596.01
+ Q 1142.63 596.03 1142.50 596.04"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 1142.50 596.04
+ Q 1142.35 595.94 1142.37 595.64
+ Q 1142.38 595.63 1142.38 595.61
+ Q 1142.39 595.59 1142.41 595.61
+ Q 1142.44 595.62 1142.43 595.66
+ Q 1141.96 603.21 1142.95 610.71"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 1142.95 610.71
+ C 1143.30 613.76 1143.22 616.78 1143.52 619.81
+ Q 1145.52 639.98 1150.73 658.58
+ Q 1152.80 666.00 1153.31 671.82
+ C 1156.40 707.64 1144.20 739.17 1120.94 766.11
+ Q 1116.55 771.20 1111.04 774.92
+ C 1089.83 789.24 1066.62 798.14 1041.56 803.72
+ Q 1020.92 808.31 998.42 811.30
+ Q 988.90 812.56 978.64 812.80
+ Q 942.93 813.62 907.93 812.30
+ Q 897.64 811.91 888.53 811.15
+ Q 816.48 805.12 742.00 797.28
+ Q 720.06 794.97 700.09 792.12
+ Q 653.29 785.44 608.49 777.84
+ C 579.65 772.94 553.69 767.30 527.48 760.84
+ Q 518.63 758.66 508.21 756.54
+ C 476.16 750.02 443.39 740.92 413.07 728.34
+ Q 404.97 724.99 394.39 721.21
+ Q 363.83 710.29 335.76 692.29
+ Q 322.58 683.83 310.74 675.63
+ A 9.00 8.88 -4.2 0 1 309.26 674.37
+ L 296.92 661.38
+ Q 296.52 660.96 296.64 660.40
+ C 298.04 653.80 299.36 647.33 300.45 640.56
+ Q 308.45 590.89 314.49 540.95
+ Q 314.84 538.00 316.18 534.41
+ Q 319.80 524.64 319.87 513.50"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 319.87 513.50
+ Q 320.53 509.06 320.45 503.75
+ Q 320.27 491.99 319.27 480.27
+ C 318.92 476.16 319.16 471.57 318.84 468.04
+ Q 317.68 454.88 313.80 440.05
+ Q 308.01 417.90 298.84 399.08
+ C 296.98 395.27 294.76 391.84 292.61 388.16
+ Q 285.64 376.25 285.71 362.00
+ Q 285.74 355.81 285.60 349.89"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 285.60 349.89
+ C 287.95 346.87 291.43 348.77 294.30 349.42
+ Q 306.79 352.25 320.02 354.67
+ Q 340.57 358.44 359.38 357.83
+ Q 361.80 357.75 363.27 359.06
+ C 367.35 362.68 364.79 369.14 362.35 372.99
+ Q 356.76 381.80 353.08 389.62
+ C 350.89 394.26 349.51 399.27 347.66 404.00
+ C 341.08 420.82 337.39 439.00 335.44 458.35
+ Q 333.73 475.25 333.44 489.42
+ Q 333.19 501.72 333.55 519.91
+ Q 333.69 526.82 335.22 531.74
+ Q 340.65 549.26 355.09 559.67
+ Q 361.88 564.57 370.30 566.48"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 370.30 566.48
+ C 381.15 626.57 418.61 682.56 480.45 697.99
+ Q 522.99 708.60 567.45 695.53
+ Q 577.13 692.68 586.44 688.12
+ C 644.24 659.78 666.47 600.25 661.23 537.95
+ C 659.37 515.82 654.13 492.56 627.93 488.27
+ Q 620.59 487.07 613.75 487.57
+ Q 565.49 491.13 521.63 494.61
+ C 500.82 496.26 486.80 506.70 486.90 528.34
+ C 487.00 547.38 495.03 561.93 515.64 564.57
+ Q 520.79 565.24 525.71 564.87
+ Q 556.71 562.54 590.27 559.99
+ Q 590.86 559.95 590.84 560.54
+ C 590.10 589.42 578.12 615.40 549.97 625.82
+ Q 534.51 631.55 517.09 630.59
+ C 488.37 629.02 466.24 610.76 453.83 585.44
+ Q 445.09 567.61 441.95 546.94"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 441.95 546.94
+ Q 447.00 540.33 452.70 532.71
+ Q 459.10 524.15 463.20 511.24
+ C 465.90 502.74 464.64 492.71 457.29 486.76
+ C 454.62 484.60 447.11 486.71 443.79 487.40"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 443.79 487.40
+ Q 446.67 473.08 452.97 460.23
+ C 463.40 438.97 481.35 423.79 504.96 419.24
+ C 527.31 414.92 551.05 418.50 569.54 432.01
+ C 578.28 438.40 585.78 443.56 597.16 443.76
+ C 615.86 444.10 628.72 430.05 628.83 411.59"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 628.83 411.59
+ C 644.95 413.22 654.24 403.69 658.41 389.07
+ Q 673.78 335.18 689.58 279.14
+ C 693.75 264.34 704.83 252.60 720.77 252.19
+ C 737.27 251.77 749.54 263.41 751.03 279.72
+ Q 751.76 287.80 749.72 295.01
+ Q 734.10 350.07 718.62 404.78
+ C 712.71 425.68 720.77 438.96 741.47 444.39
+ C 761.56 449.65 773.78 440.95 779.12 422.13
+ Q 796.17 362.07 813.14 301.98
+ Q 816.95 288.52 817.72 273.98"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 817.72 273.98
+ Q 840.34 295.49 870.75 296.43
+ Q 872.33 296.48 878.05 296.37"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 878.05 296.37
+ C 850.44 314.16 835.04 344.76 831.72 377.29
+ Q 829.92 394.92 833.61 410.19
+ Q 844.25 454.19 887.68 469.23
+ C 914.79 478.61 943.90 476.14 967.39 458.71
+ C 973.46 454.21 976.46 444.10 975.35 436.89
+ C 973.36 423.95 959.95 420.09 948.58 423.42
+ Q 941.38 425.53 933.13 427.75
+ Q 909.69 434.05 891.48 418.04
+ C 880.46 408.35 875.55 395.36 879.26 380.94
+ Q 879.43 380.29 880.08 380.47
+ Q 918.12 391.36 956.70 402.13
+ C 967.26 405.08 980.29 408.21 987.76 397.42"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 987.76 397.42
+ Q 993.21 419.42 1011.62 430.40
+ Q 1041.10 447.99 1074.99 434.46
+ Q 1078.85 432.92 1083.18 430.15
+ Q 1083.98 429.64 1083.73 430.56
+ Q 1083.32 432.06 1082.82 433.72
+ C 1081.33 438.59 1081.91 443.91 1084.79 447.99
+ Q 1092.06 458.31 1104.59 458.12
+ C 1114.97 457.96 1123.81 450.78 1126.58 441.00
+ Q 1134.53 412.91 1142.79 384.23"
+/>
+<path stroke="#877a3b" vector-effect="non-scaling-stroke" d="
+ M 1142.79 384.23
+ Q 1145.20 419.22 1147.71 453.73
+ Q 1148.37 462.85 1152.54 467.95
+ C 1160.29 477.47 1174.30 477.51 1184.98 474.00
+ C 1196.94 470.06 1200.51 459.71 1199.76 448.09
+ Q 1196.73 401.36 1193.51 353.14
+ C 1192.67 340.57 1196.43 329.04 1207.71 322.88
+ C 1220.19 316.06 1235.01 320.73 1241.62 333.05
+ Q 1245.33 339.95 1245.79 346.92
+ Q 1248.95 394.18 1252.35 445.82
+ Q 1252.76 452.12 1255.96 458.20
+ C 1262.41 470.46 1279.28 470.80 1290.49 467.07
+ C 1302.27 463.15 1306.20 452.89 1305.44 441.21
+ Q 1301.93 387.57 1298.35 334.07
+ C 1296.54 306.96 1283.92 281.86 1256.61 273.76
+ C 1239.52 268.69 1221.05 271.55 1206.75 282.35
+ C 1200.55 287.02 1195.46 292.43 1190.63 298.51
+ Q 1189.99 299.32 1189.92 298.29
+ Q 1187.48 260.95 1184.98 223.25
+ C 1183.69 203.87 1170.72 195.75 1152.05 199.02
+ Q 1134.24 202.14 1132.52 221.18
+ Q 1132.33 223.24 1132.45 225.00
+ Q 1134.45 256.27 1136.52 287.98"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 1136.52 287.98
+ Q 1126.86 279.20 1115.40 273.37
+ Q 1101.05 266.08 1085.15 262.92
+ Q 1084.60 262.81 1084.68 262.27
+ Q 1086.53 248.44 1080.43 237.02
+ C 1073.53 224.09 1059.75 222.06 1046.32 224.68
+ C 1043.57 225.22 1040.76 225.21 1038.85 222.83
+ C 1035.62 218.79 1034.19 212.48 1033.16 207.46
+ Q 1023.09 157.96 1013.09 107.59
+ Q 1012.98 107.02 1013.54 106.91
+ Q 1025.02 104.66 1035.04 102.48
+ C 1046.78 99.92 1057.81 94.21 1057.69 80.41
+ Q 1057.59 69.02 1052.74 60.23
+ C 1046.77 49.39 1033.68 49.45 1022.45 51.69
+ Q 1012.21 53.73 1003.15 55.54
+ Q 1002.60 55.65 1002.50 55.10
+ Q 1000.94 46.81 999.05 38.13
+ Q 997.61 31.55 994.01 25.93
+ C 985.23 12.25 966.76 13.40 953.68 18.66
+ C 937.64 25.11 934.85 38.60 938.06 53.99
+ Q 939.41 60.47 940.77 67.39
+ A 0.84 0.83 -14.6 0 1 940.21 68.34
+ C 927.19 72.58 916.28 79.91 917.58 95.10
+ C 919.23 114.53 932.68 120.82 950.44 118.57
+ Q 951.01 118.50 951.12 119.06
+ Q 960.52 165.56 969.75 212.01
+ C 976.37 245.36 987.75 283.61 1028.08 286.71
+ Q 1028.85 286.76 1029.07 287.50
+ C 1032.01 297.11 1043.24 301.23 1052.52 302.50
+ C 1058.93 303.37 1064.98 304.13 1070.94 304.77
+ Q 1086.59 306.44 1098.26 316.43
+ C 1106.61 323.58 1112.21 334.36 1109.14 345.54
+ Q 1107.12 352.89 1105.08 359.93
+ A 0.29 0.29 0.0 0 1 1104.58 360.03
+ C 1097.68 351.25 1087.45 344.58 1077.26 340.11
+ C 1048.03 327.30 1015.91 331.22 996.13 358.22"
+/>
+<path stroke="#e7c628" vector-effect="non-scaling-stroke" d="
+ M 1136.52 287.98
+ L 1142.79 384.23"
+/>
+<path stroke="#e2b100" vector-effect="non-scaling-stroke" d="
+ M 987.76 397.42
+ Q 987.40 394.43 987.18 391.24
+ Q 985.92 373.24 996.13 358.22"
+/>
+<path stroke="#c49900" vector-effect="non-scaling-stroke" d="
+ M 918.03 285.21
+ C 916.90 285.94 915.59 285.96 914.49 286.48
+ Q 900.66 293.07 885.47 295.30
+ Q 881.69 295.86 878.05 296.37"
+/>
+<path stroke="#8a7300" vector-effect="non-scaling-stroke" d="
+ M 786.70 214.14
+ Q 789.31 228.33 795.58 242.20
+ Q 803.80 260.40 817.72 273.98"
+/>
+<path stroke="#6d8906" vector-effect="non-scaling-stroke" d="
+ M 628.83 411.59
+ C 613.33 410.16 597.41 402.39 597.01 384.75
+ Q 596.88 378.87 598.49 372.59"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 610.26 331.07
+ L 657.19 165.49"
+/>
+<path stroke="#342b00" vector-effect="non-scaling-stroke" d="
+ M 670.49 117.73
+ Q 679.01 141.38 663.29 159.86
+ Q 662.11 161.25 660.33 162.78
+ Q 658.60 164.28 657.19 165.49"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 657.19 165.49
+ Q 645.71 172.10 634.46 170.40
+ Q 615.95 167.60 605.73 151.30
+ Q 603.52 147.77 603.50 147.74
+ Q 597.13 138.03 588.04 131.28
+ C 565.17 114.30 534.33 108.78 507.57 120.27
+ C 486.41 129.36 469.80 147.89 459.49 168.55
+ Q 442.39 202.80 444.57 239.22
+ C 446.61 273.32 464.42 302.56 497.20 314.81
+ C 514.07 321.11 533.42 323.51 550.71 317.51
+ C 555.30 315.92 559.32 313.56 563.72 311.48
+ Q 573.53 306.85 583.93 309.37
+ C 596.32 312.37 605.79 318.94 610.26 331.07"
+/>
+<path stroke="#342b00" vector-effect="non-scaling-stroke" d="
+ M 610.26 331.07
+ Q 613.65 344.71 608.36 358.05
+ Q 604.93 366.70 598.49 372.59"
+/>
+<path stroke="#3a5e06" vector-effect="non-scaling-stroke" d="
+ M 598.49 372.59
+ Q 593.42 376.90 586.95 379.91
+ C 555.05 394.77 521.09 399.06 486.90 390.40
+ Q 460.73 383.76 437.67 369.33"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 437.67 369.33
+ Q 421.37 358.65 408.05 344.03
+ Q 407.72 343.66 407.25 343.50
+ Q 406.77 343.34 406.65 342.96"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 406.65 342.96
+ L 397.49 330.43
+ Q 397.25 330.11 396.87 329.99
+ Q 396.63 329.91 396.44 329.76"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 437.67 369.33
+ C 410.21 387.57 390.46 415.07 379.45 445.98
+ Q 378.69 448.11 378.58 448.97"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 406.65 342.96
+ C 406.31 344.51 406.08 346.08 405.10 347.38
+ C 391.24 365.89 375.83 388.07 374.04 411.35
+ Q 373.55 417.67 373.45 423.89
+ Q 373.26 435.93 377.81 447.71
+ Q 378.09 448.44 378.58 448.97"
+/>
+<path stroke="#b5ce20" vector-effect="non-scaling-stroke" d="
+ M 378.58 448.97
+ Q 378.48 449.23 378.58 449.46
+ Q 384.60 463.84 396.01 472.74
+ Q 398.86 474.96 401.67 477.31
+ C 408.83 483.28 418.06 486.71 427.25 487.59
+ Q 435.74 488.41 443.79 487.40"
+/>
+<path stroke="#b5ce20" vector-effect="non-scaling-stroke" d="
+ M 441.95 546.94
+ Q 432.66 556.61 423.96 561.98
+ Q 399.15 577.30 370.30 566.48"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 283.33 317.37
+ Q 283.14 318.02 283.20 318.49
+ Q 283.74 323.17 284.34 327.83
+ Q 284.87 331.91 284.91 337.21
+ Q 284.95 343.54 285.60 349.89"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 283.01 317.11
+ C 278.93 317.77 274.80 318.48 270.68 318.56
+ Q 260.22 318.76 249.92 318.90
+ C 244.63 318.96 239.16 318.47 234.25 317.22
+ Q 223.39 314.47 212.04 311.43
+ Q 209.54 310.77 203.96 307.46"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 203.96 307.46
+ Q 195.21 301.06 187.53 292.94
+ C 186.44 291.78 185.07 290.80 183.97 289.61
+ Q 182.89 288.45 180.84 287.84
+ Q 176.97 286.69 173.33 286.09"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 203.96 307.46
+ Q 201.50 321.01 201.19 325.25
+ Q 200.35 336.58 199.18 348.46
+ Q 198.40 356.33 196.35 365.83
+ Q 194.11 376.23 193.16 385.39
+ Q 192.11 395.58 190.44 404.27
+ Q 188.81 412.80 187.68 420.64
+ Q 186.25 430.58 185.93 438.85
+ Q 185.57 448.08 186.95 479.73
+ C 187.26 486.66 189.98 492.87 193.36 498.78
+ Q 195.38 502.31 196.49 505.83
+ Q 198.62 512.55 204.58 521.05
+ Q 205.95 523.00 208.25 524.39
+ Q 220.36 531.73 232.56 538.68
+ C 236.91 541.15 241.40 542.95 246.16 544.56
+ C 254.78 547.49 263.73 547.02 272.81 547.08
+ Q 276.89 547.11 280.65 545.84
+ Q 290.40 542.57 298.76 536.51
+ Q 307.86 529.92 311.03 526.78
+ Q 315.40 522.45 319.87 513.50"
+/>
+<path stroke="#d2b81a" vector-effect="non-scaling-stroke" d="
+ M 1142.95 610.71
+ Q 1142.69 609.92 1143.31 609.94"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 1143.31 609.94
+ Q 1143.67 615.31 1145.08 626.24
+ Q 1145.44 629.05 1146.32 631.65
+ Q 1146.49 632.15 1146.61 631.63
+ Q 1151.51 610.57 1159.03 596.80
+ C 1174.68 568.16 1204.36 556.79 1235.97 565.44
+ Q 1237.93 565.97 1239.43 567.45
+ C 1258.28 585.87 1274.67 607.37 1282.81 632.15
+ Q 1282.98 632.65 1283.47 632.46
+ Q 1283.65 632.39 1283.63 632.20
+ Q 1283.61 632.06 1283.53 631.95
+ Q 1283.46 631.84 1283.47 631.71
+ L 1287.46 595.81"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 291.54 685.60
+ Q 290.00 688.28 288.19 690.54
+ C 287.31 691.63 287.00 692.83 286.80 694.16
+ Q 286.64 695.23 286.33 694.19
+ Q 286.21 693.78 286.10 693.38
+ Q 285.89 692.69 285.28 693.07
+ C 279.72 696.59 275.18 695.45 269.22 695.13
+ Q 264.21 694.85 261.73 693.70
+ Q 256.46 691.23 258.96 683.82
+ Q 259.89 681.07 260.75 678.54"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 260.75 678.54
+ Q 267.32 669.81 268.60 661.74"
+/>
+<path stroke="#e9c11a" vector-effect="non-scaling-stroke" d="
+ M 268.60 661.74
+ Q 269.71 655.69 270.82 650.44
+ Q 271.35 647.93 271.51 645.50
+ Q 271.68 642.92 271.83 640.51"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 271.83 640.51
+ Q 272.67 632.41 272.72 621.74
+ Q 272.92 584.84 271.24 552.53
+ Q 271.21 552.02 270.71 552.11
+ Q 261.08 553.76 250.08 553.65"
+/>
+<path stroke="#e9c11a" vector-effect="non-scaling-stroke" d="
+ M 250.08 553.65
+ L 233.20 551.29
+ Q 232.72 551.22 232.37 551.53
+ L 232.03 551.83"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 232.03 551.83
+ Q 228.75 550.69 225.21 550.69
+ Q 224.65 550.69 224.22 551.02
+ Q 203.45 566.96 187.55 589.47
+ Q 183.86 594.70 182.60 599.38
+ C 179.46 611.16 184.04 624.21 191.56 633.43
+ Q 195.41 638.15 198.72 642.70
+ Q 203.45 649.19 214.25 657.20
+ C 223.11 663.78 232.16 670.00 239.88 677.92
+ Q 240.24 678.27 240.31 678.77
+ L 240.83 682.43"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 240.83 682.43
+ Q 241.80 692.24 239.94 700.50
+ Q 239.36 703.07 238.07 706.87"
+/>
+<path stroke="#888c85" vector-effect="non-scaling-stroke" d="
+ M 238.07 706.87
+ Q 236.21 711.80 233.18 715.33"
+/>
+<path stroke="#fb9b66" vector-effect="non-scaling-stroke" d="
+ M 233.18 715.33
+ Q 227.90 713.07 225.25 713.03
+ Q 221.20 712.96 217.05 713.03
+ Q 216.55 713.04 216.16 713.36
+ Q 213.51 715.55 210.94 719.78"
+/>
+<path stroke="#cfd98a" vector-effect="non-scaling-stroke" d="
+ M 210.94 719.78
+ Q 212.58 705.06 211.70 698.00
+ C 210.78 690.66 208.46 684.22 202.71 680.07
+ Q 202.32 679.79 201.81 679.91"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 14.97 488.47
+ Q 20.41 495.90 29.92 493.35
+ C 35.08 491.97 38.69 487.33 35.10 482.09"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 42.05 483.14
+ Q 40.11 486.59 40.25 491.36
+ C 40.33 494.40 41.66 497.69 44.21 499.37
+ Q 49.49 502.84 56.15 503.57
+ Q 62.40 504.25 65.98 503.38
+ Q 76.71 500.78 83.01 496.59
+ Q 90.37 491.70 86.97 483.16"
+/>
+<path stroke="#b7181e" vector-effect="non-scaling-stroke" d="
+ M 174.44 239.62
+ L 171.18 238.91
+ Q 170.70 238.80 170.25 238.98
+ Q 169.13 239.41 167.96 239.69
+ Q 166.73 239.99 165.68 240.50
+ Q 162.73 241.93 159.78 243.47
+ C 157.13 244.84 155.94 248.12 154.01 250.29
+ C 151.74 252.85 149.82 256.39 148.74 259.54
+ Q 146.67 265.58 146.55 259.20
+ C 146.51 256.91 147.03 251.91 145.33 250.13
+ A 1.51 1.50 -26.0 0 0 144.01 249.68
+ Q 140.77 250.14 137.50 251.94
+ Q 137.00 252.21 136.92 252.76
+ Q 136.58 255.11 134.24 255.40
+ C 131.95 255.68 129.84 256.43 127.48 256.49
+ Q 115.28 256.83 104.86 261.90
+ Q 101.72 263.43 103.95 260.73
+ Q 107.42 256.53 111.53 252.78
+ Q 112.35 252.03 113.27 251.60
+ C 114.91 250.83 116.16 249.87 117.93 249.29
+ Q 123.62 247.41 128.61 244.89
+ Q 131.89 243.23 136.64 243.01
+ Q 137.09 242.99 137.04 242.54
+ L 137.01 242.28
+ A 0.61 0.61 0.0 0 0 136.43 241.74
+ Q 129.76 241.55 123.04 241.88
+ Q 122.24 241.92 121.46 241.73
+ Q 119.16 241.17 120.68 240.00"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 338.69 190.80
+ Q 337.38 188.77 336.30 186.93
+ Q 329.54 175.43 317.00 172.38"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 317.00 172.38
+ Q 319.88 167.91 319.01 163.74
+ Q 317.77 157.82 312.21 154.07
+ Q 310.09 152.65 306.81 151.85
+ C 300.76 150.39 295.49 148.52 289.69 152.11
+ Q 285.19 154.88 281.56 158.90
+ C 277.68 163.20 277.87 167.27 277.87 172.67"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 277.87 172.67
+ Q 275.53 172.05 273.84 170.15
+ Q 263.86 158.94 249.92 155.02"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 249.92 155.02
+ Q 264.10 149.66 265.60 135.30
+ C 266.25 129.11 264.44 122.71 260.44 118.06
+ Q 251.00 107.11 237.05 111.46"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 237.05 111.46
+ Q 225.52 113.45 223.54 124.21"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 223.54 124.21
+ Q 219.69 132.59 223.12 141.42
+ Q 226.60 150.36 235.70 154.38"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 235.70 154.38
+ Q 230.77 155.76 226.64 158.13
+ C 214.51 165.13 204.74 172.98 198.06 185.35
+ C 193.08 194.59 188.74 204.43 187.90 214.78
+ C 187.17 223.82 190.01 233.44 197.51 238.96
+ Q 201.99 242.25 206.42 245.87
+ Q 209.71 248.55 214.44 250.92
+ Q 220.71 254.07 227.51 257.06"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 227.51 257.06
+ Q 215.29 254.12 203.48 251.63
+ Q 193.10 249.44 188.27 247.44
+ Q 180.84 244.36 174.44 239.62"
+/>
+<path stroke="#c87929" vector-effect="non-scaling-stroke" d="
+ M 174.44 239.62
+ C 164.39 232.62 154.95 225.56 146.82 216.43
+ Q 138.76 207.36 133.98 192.58"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 308.49 259.33
+ Q 298.19 264.13 287.32 267.54
+ Q 283.15 268.85 278.99 268.85
+ Q 261.72 268.84 245.26 263.24
+ Q 235.99 260.08 227.51 257.06"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 232.03 551.83
+ Q 232.92 552.03 232.95 552.75
+ Q 233.03 554.77 233.20 556.62
+ Q 234.61 572.35 237.54 588.90
+ Q 241.30 610.13 249.88 630.21
+ Q 257.05 646.99 268.60 661.74"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 260.75 678.54
+ Q 250.43 678.87 240.83 682.43"
+/>
+<path stroke="#574800" vector-effect="non-scaling-stroke" d="
+ M 1143.31 609.94
+ L 1142.50 596.04"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 210.94 719.78
+ Q 211.90 722.57 209.71 726.29
+ Q 209.42 726.78 209.41 727.35
+ Q 209.32 731.42 207.65 734.00
+ C 205.71 737.00 205.34 741.68 205.35 745.21"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 205.35 745.21
+ Q 203.11 748.55 199.71 750.70
+ Q 198.68 751.35 197.08 753.98"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 197.08 753.98
+ Q 195.76 753.07 195.83 750.37
+ Q 195.88 748.65 195.38 747.89
+ Q 194.61 746.70 193.24 746.23"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 242.39 718.81
+ L 233.18 715.33"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 282.27 763.85
+ L 275.07 756.62"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 275.07 756.62
+ Q 273.11 755.55 270.91 754.76
+ C 267.40 753.50 264.90 751.07 261.97 748.30
+ C 260.89 747.27 259.40 746.18 257.84 746.21
+ Q 249.75 746.39 242.04 748.00"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 242.04 748.00
+ L 237.72 750.20
+ Q 237.18 750.47 237.76 750.67
+ L 240.93 751.73"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 240.93 751.73
+ Q 243.78 752.50 246.58 753.14
+ C 248.89 753.68 250.44 754.85 252.27 756.16
+ Q 252.66 756.44 253.15 756.45
+ Q 257.96 756.54 263.08 756.47
+ C 266.30 756.42 272.93 760.65 269.36 764.36
+ A 1.44 1.42 -71.8 0 1 268.54 764.78
+ Q 267.23 764.98 265.96 764.67
+ Q 261.86 763.66 257.16 764.16
+ Q 256.50 764.23 256.87 764.79
+ C 258.15 766.69 260.31 767.60 261.91 768.99
+ Q 262.86 769.82 264.29 771.75
+ Q 265.42 773.28 266.73 774.58"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 266.73 774.58
+ Q 268.56 777.63 269.89 779.11
+ C 272.46 781.97 277.89 786.99 272.23 790.33
+ Q 271.76 790.60 271.24 790.45
+ Q 269.22 789.85 268.56 788.42
+ Q 266.97 784.93 264.93 781.65"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 264.93 781.65
+ Q 260.21 774.52 258.50 772.76
+ Q 257.25 771.48 254.70 770.60
+ C 251.98 769.67 250.41 766.82 248.28 764.92
+ A 1.43 1.42 57.4 0 0 246.94 764.62
+ Q 239.48 766.76 233.92 772.43
+ Q 232.53 773.85 225.73 776.34"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 225.73 776.34
+ L 223.65 776.34
+ Q 222.92 776.35 222.97 775.62
+ Q 223.06 774.43 223.56 773.25
+ Q 223.77 772.76 223.63 772.25
+ Q 222.25 767.33 226.65 765.04
+ C 227.71 764.49 228.01 763.48 229.05 762.84
+ Q 232.83 760.53 236.78 758.82"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 236.78 758.82
+ L 239.90 757.66
+ Q 240.38 757.48 239.93 757.22
+ Q 239.17 756.78 238.30 756.60"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 238.30 756.60
+ L 232.78 753.92
+ A 0.90 0.88 43.9 0 0 232.01 753.93
+ Q 225.20 757.37 219.79 761.66
+ C 214.47 765.88 208.22 769.34 202.39 772.96
+ Q 201.86 773.29 202.23 773.79
+ Q 203.81 775.86 205.93 776.77
+ Q 208.81 778.02 211.41 779.90
+ C 212.50 780.69 213.55 780.87 214.88 780.80
+ A 2.23 2.23 0.0 0 1 217.05 783.88
+ Q 216.15 786.04 214.81 788.23
+ A 1.36 1.33 9.6 0 1 213.95 788.83
+ Q 210.25 789.60 207.32 787.50
+ C 205.66 786.30 202.74 785.52 201.71 783.89
+ Q 199.42 780.25 196.19 777.09
+ A 2.02 2.02 0.0 0 0 192.76 778.60
+ Q 192.82 780.29 192.76 782.13
+ C 192.65 785.07 194.36 787.11 194.70 790.01
+ Q 194.93 791.97 195.58 793.93
+ Q 197.11 798.49 196.68 803.81
+ Q 196.64 804.35 196.27 804.77
+ Q 194.27 807.03 191.29 808.32
+ Q 190.46 808.67 189.85 808.01
+ Q 188.23 806.27 188.27 804.24
+ Q 188.36 798.74 188.31 793.39
+ Q 188.29 791.65 188.88 786.66
+ Q 189.31 782.88 188.66 778.97"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 188.66 778.97
+ Q 188.84 778.61 188.80 778.26
+ A 0.75 0.75 0.0 0 0 188.20 777.59
+ L 186.76 777.31
+ Q 186.49 777.26 186.44 777.52
+ Q 186.41 777.66 186.38 777.80
+ Q 186.27 778.28 185.89 778.59
+ Q 183.44 780.55 182.06 783.23
+ A 2.89 2.78 85.3 0 1 181.35 784.10
+ L 180.35 784.93
+ A 0.84 0.83 53.8 0 0 180.19 786.03
+ Q 180.58 786.63 180.28 787.21
+ A 0.83 0.81 -81.2 0 1 179.75 787.61
+ Q 173.53 789.07 168.23 787.98
+ Q 167.51 787.84 167.86 788.48
+ C 168.59 789.81 169.61 790.90 170.08 792.36
+ Q 171.65 797.21 171.80 802.54
+ Q 171.86 804.38 170.01 804.41
+ L 168.62 804.43
+ Q 167.17 804.45 166.91 803.02
+ Q 166.53 800.88 166.60 798.46
+ Q 166.62 797.86 166.35 797.32
+ L 162.57 789.78
+ A 0.86 0.86 0.0 0 0 161.30 789.47
+ Q 158.71 791.32 156.13 791.80"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 197.08 753.98
+ Q 196.12 755.33 196.09 757.00
+ Q 196.08 757.60 196.60 757.31
+ C 201.34 754.67 207.36 754.83 212.67 754.44
+ Q 215.04 754.27 216.86 752.93
+ Q 219.13 751.25 216.31 751.22
+ Q 214.22 751.19 212.00 751.30
+ Q 205.52 751.61 205.35 745.21"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 250.08 553.65
+ Q 248.99 562.06 250.03 570.50
+ C 253.01 594.72 261.39 618.99 271.83 640.51"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 292.48 738.09
+ Q 279.42 737.11 267.00 739.14
+ Q 266.49 739.22 266.11 738.88
+ Q 264.85 737.77 263.11 737.31
+ Q 262.63 737.18 262.38 736.75
+ Q 261.92 735.95 262.51 735.23
+ Q 263.34 734.21 262.04 734.14
+ C 254.74 733.71 254.37 723.13 247.76 720.78
+ Q 244.61 719.66 242.39 718.81"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 242.39 718.81
+ L 238.07 706.87"
+/>
+<path stroke="#f0f6eb" vector-effect="non-scaling-stroke" d="
+ M 249.92 155.02
+ Q 242.32 156.80 235.70 154.38"
+/>
+<path stroke="#747c7f" vector-effect="non-scaling-stroke" d="
+ M 223.54 124.21
+ Q 223.70 131.02 227.83 134.92
+ C 238.71 145.19 256.46 133.75 250.20 119.52
+ Q 247.01 112.27 237.05 111.46"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 317.00 172.38
+ C 311.31 178.31 304.05 183.66 295.37 183.12
+ C 291.29 182.87 286.11 179.91 281.92 178.08
+ Q 277.83 176.29 277.87 172.67"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 263.98 787.27
+ C 255.68 785.71 249.71 785.83 242.28 785.83
+ Q 239.54 785.84 236.86 784.85
+ Q 230.01 782.34 222.93 780.34"
+/>
+<path stroke="#689c85" vector-effect="non-scaling-stroke" d="
+ M 160.13 881.62
+ L 136.22 881.13"
+/>
+<path stroke="#214f80" vector-effect="non-scaling-stroke" d="
+ M 294.55 868.40
+ Q 293.72 868.97 293.67 870.65
+ Q 293.67 870.79 293.57 870.86
+ Q 293.46 870.93 293.32 870.96
+ Q 293.20 870.99 293.16 871.10
+ Q 289.36 881.17 282.23 890.33
+ Q 281.43 891.37 280.38 891.87
+ Q 274.59 894.62 265.98 897.63
+ Q 260.57 899.52 256.55 900.03"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 256.55 900.03
+ Q 256.88 881.35 256.78 875.00
+ C 256.73 871.67 256.02 867.45 256.03 863.66
+ C 256.04 852.12 255.74 840.60 256.44 829.01
+ Q 256.84 822.32 257.17 815.53"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 257.17 815.53
+ C 258.62 816.27 260.15 816.00 260.52 814.23
+ Q 260.92 812.37 259.88 810.61
+ Q 258.78 808.73 257.69 806.85"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 257.69 806.85
+ Q 260.86 800.99 262.47 794.94"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 262.47 794.94
+ C 267.72 794.62 265.41 790.04 263.98 787.27"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 263.98 787.27
+ L 264.93 781.65"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 275.07 756.62
+ Q 271.58 762.52 268.93 768.42
+ Q 267.65 771.27 266.73 774.58"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 240.93 751.73
+ L 242.04 748.00"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 238.30 756.60
+ Q 237.27 757.59 236.78 758.82"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 225.73 776.34
+ L 222.93 780.34"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 222.93 780.34
+ Q 219.98 781.68 220.08 785.46"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 220.08 785.46
+ L 216.83 792.74"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 216.83 792.74
+ Q 212.45 794.95 211.61 796.11
+ Q 208.82 799.90 210.66 804.68"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 210.66 804.68
+ Q 204.99 813.96 202.77 824.57
+ C 201.80 829.20 200.60 833.16 199.00 837.45
+ Q 197.61 841.18 196.90 847.25
+ Q 195.96 855.32 195.97 858.50
+ Q 196.07 875.25 195.98 892.32"
+/>
+<path stroke="#214f80" vector-effect="non-scaling-stroke" d="
+ M 195.98 892.32
+ Q 188.90 889.74 182.82 885.46
+ C 179.82 883.33 177.64 880.52 175.42 877.66
+ Q 175.07 877.21 174.56 877.48
+ Q 169.38 880.24 165.26 881.47
+ Q 163.49 881.99 160.13 881.62"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 160.13 881.62
+ Q 157.81 876.81 156.66 874.04
+ Q 154.04 867.73 153.80 860.50
+ C 153.45 850.22 154.01 839.66 158.31 830.46
+ C 160.27 826.25 162.05 822.04 163.83 817.76
+ Q 165.11 814.70 166.69 813.16
+ Q 178.54 801.64 184.60 791.08
+ Q 187.12 786.70 188.66 778.97"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 262.47 794.94
+ C 258.06 794.35 253.70 792.95 249.12 794.03
+ Q 248.59 794.16 248.90 794.61
+ C 250.33 796.65 252.41 797.62 253.75 799.67
+ Q 255.99 803.08 257.69 806.85"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 257.17 815.53
+ C 252.12 815.33 249.82 813.05 247.55 808.57
+ C 245.14 803.82 239.67 801.05 235.06 798.39
+ Q 234.49 798.06 233.90 798.38
+ Q 229.93 800.52 225.55 801.77
+ Q 223.53 802.35 222.34 804.24
+ A 1.19 1.18 -77.2 0 1 221.49 804.78
+ Q 215.88 805.43 210.66 804.68"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 216.83 792.74
+ C 220.14 791.68 222.87 791.79 226.11 789.49
+ Q 226.42 789.27 226.16 788.99
+ Q 224.46 787.16 223.02 786.89
+ Q 220.92 786.48 220.08 785.46"
+/>
+<path stroke="#88af94" vector-effect="non-scaling-stroke" d="
+ M 256.55 900.03
+ Q 245.70 901.65 234.62 901.56
+ Q 226.62 901.48 218.57 899.53
+ Q 207.00 896.73 195.98 892.32"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 1012.90 507.13
+ A 33.30 33.30 0.0 0 0 979.60 473.83
+ A 33.30 33.30 0.0 0 0 946.30 507.13
+ A 33.30 33.30 0.0 0 0 979.60 540.43
+ A 33.30 33.30 0.0 0 0 1012.90 507.13"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 1079.27 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 504.00
+ A 25.76 25.76 0.0 0 0 1027.75 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 555.52
+ A 25.76 25.76 0.0 0 0 1079.27 529.76"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 943.51 547.86
+ A 25.76 25.76 0.0 0 0 917.75 522.10
+ A 25.76 25.76 0.0 0 0 891.99 547.86
+ A 25.76 25.76 0.0 0 0 917.75 573.62
+ A 25.76 25.76 0.0 0 0 943.51 547.86"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 1059.79 602.86
+ Q 1057.70 585.87 1046.51 574.04
+ C 1017.37 543.23 973.53 561.33 949.72 588.57
+ C 927.15 614.40 913.00 649.77 917.89 684.16
+ C 921.34 708.39 936.09 732.22 962.51 735.28
+ C 975.80 736.81 988.67 733.07 1000.85 726.43
+ Q 1001.84 725.89 1001.28 726.87
+ C 995.06 737.88 990.92 750.34 1003.41 759.08
+ C 1016.57 768.29 1031.69 768.54 1039.59 752.80
+ Q 1087.05 658.29 1135.36 561.88
+ C 1143.61 545.41 1135.70 532.71 1119.47 527.42
+ C 1107.86 523.64 1097.63 528.55 1092.32 539.09
+ Q 1076.40 570.65 1060.26 602.94
+ Q 1059.89 603.66 1059.79 602.86"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 1073.63 377.07
+ C 1065.43 373.50 1054.14 371.00 1045.56 373.70
+ C 1036.21 376.65 1034.76 386.75 1041.12 393.45
+ C 1049.24 402.01 1063.29 404.86 1074.52 403.71
+ C 1079.84 403.16 1085.54 400.75 1087.97 395.65
+ C 1092.06 387.06 1079.91 379.79 1073.63 377.07"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 153.42 93.67
+ L 178.33 72.91
+ A 0.29 0.29 0.0 0 0 178.36 72.51
+ L 178.09 72.18
+ A 23.45 16.45 50.2 0 0 150.45 64.70
+ L 150.37 64.76
+ A 23.45 16.45 50.2 0 0 152.74 93.31
+ L 153.01 93.63
+ A 0.29 0.29 0.0 0 0 153.42 93.67"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 298.93 74.67
+ A 7.05 6.41 0.0 0 0 291.88 68.26
+ A 7.05 6.41 0.0 0 0 284.83 74.67
+ A 7.05 6.41 0.0 0 0 291.88 81.08
+ A 7.05 6.41 0.0 0 0 298.93 74.67"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 227.8813 73.6779
+ A 8.33 5.13 -15.9 0 0 218.4646 71.0263
+ A 8.33 5.13 -15.9 0 0 211.8587 78.2421
+ A 8.33 5.13 -15.9 0 0 221.2754 80.8937
+ A 8.33 5.13 -15.9 0 0 227.8813 73.6779"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 274.5000 90.1078
+ A 4.48 3.85 0.1 0 0 270.0267 86.2500
+ A 4.48 3.85 0.1 0 0 265.5400 90.0922
+ A 4.48 3.85 0.1 0 0 270.0133 93.9500
+ A 4.48 3.85 0.1 0 0 274.5000 90.1078"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 178.7200 106.8000
+ A 3.83 3.17 90.0 0 0 181.8900 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 99.1400
+ A 3.83 3.17 90.0 0 0 175.5500 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 106.8000"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 315.79 117.26
+ Q 309.12 119.09 307.00 126.19"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 307.00 126.19
+ Q 305.27 129.24 304.86 133.27
+ Q 303.99 141.76 308.19 148.48
+ C 311.60 153.93 318.00 157.61 324.55 156.71
+ C 333.09 155.53 338.83 148.02 340.07 139.82
+ C 341.43 130.86 337.72 121.17 329.47 117.06
+ Q 322.59 113.63 315.79 117.26"
+/>
+<path stroke="#747c7f" vector-effect="non-scaling-stroke" d="
+ M 307.00 126.19
+ Q 306.10 133.15 309.99 137.49
+ C 316.27 144.47 325.70 139.75 327.21 131.67
+ C 328.65 123.98 324.03 117.20 315.79 117.26"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 156.5555 155.1664
+ A 8.97 6.41 71.1 0 0 159.7144 144.6037
+ A 8.97 6.41 71.1 0 0 150.7445 138.1936
+ A 8.97 6.41 71.1 0 0 147.5856 148.7563
+ A 8.97 6.41 71.1 0 0 156.5555 155.1664"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 181.9534 158.2300
+ A 3.83 2.52 89.8 0 0 184.4600 154.3912
+ A 3.83 2.52 89.8 0 0 181.9266 150.5700
+ A 3.83 2.52 89.8 0 0 179.4200 154.4088
+ A 3.83 2.52 89.8 0 0 181.9534 158.2300"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 165.21 199.40
+ A 5.13 5.13 0.0 0 0 160.08 194.27
+ A 5.13 5.13 0.0 0 0 154.95 199.40
+ A 5.13 5.13 0.0 0 0 160.08 204.53
+ A 5.13 5.13 0.0 0 0 165.21 199.40"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 849.39 155.61
+ C 835.89 161.63 828.81 175.66 832.76 190.30
+ A 0.38 0.36 -14.6 0 0 833.22 190.56
+ L 888.07 175.09
+ A 0.38 0.37 74.2 0 0 888.33 174.62
+ C 883.28 156.77 866.74 147.87 849.39 155.61"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 891.35 349.92
+ L 946.33 365.48
+ A 0.24 0.24 0.0 0 0 946.62 365.31
+ L 946.93 364.23
+ A 28.25 28.19 -74.2 0 0 927.50 329.37
+ L 926.31 329.03
+ A 28.25 28.19 -74.2 0 0 891.49 348.54
+ L 891.18 349.63
+ A 0.24 0.24 0.0 0 0 891.35 349.92"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 176.7967 316.3900
+ A 3.84 2.53 89.9 0 0 179.3200 312.5456
+ A 3.84 2.53 89.9 0 0 176.7833 308.7100
+ A 3.84 2.53 89.9 0 0 174.2600 312.5544
+ A 3.84 2.53 89.9 0 0 176.7967 316.3900"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 146.5923 353.6700
+ A 7.05 5.77 89.9 0 0 152.3500 346.6099
+ A 7.05 5.77 89.9 0 0 146.5677 339.5700
+ A 7.05 5.77 89.9 0 0 140.8100 346.6301
+ A 7.05 5.77 89.9 0 0 146.5923 353.6700"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 180.0100 363.9600
+ A 4.47 3.17 90.0 0 0 183.1800 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 355.0200
+ A 4.47 3.17 90.0 0 0 176.8400 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 363.9600"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 119.12 422.41
+ Q 135.76 429.60 148.07 443.68
+ Q 148.91 444.64 148.92 443.37
+ Q 148.97 435.47 150.46 428.45
+ Q 151.34 424.30 153.69 417.97
+ Q 159.99 400.99 164.45 387.26
+ Q 169.32 372.22 167.30 357.62
+ A 0.68 0.68 0.0 0 0 166.21 357.17
+ C 159.47 362.32 153.52 367.25 145.32 370.89
+ Q 137.03 374.57 127.86 378.41
+ C 117.93 382.57 109.16 387.92 104.13 397.54
+ C 102.00 401.63 100.99 408.32 104.31 412.19
+ C 108.10 416.60 113.74 420.08 119.12 422.41"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 180.6500 392.2400
+ A 6.40 5.13 90.0 0 0 185.7800 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 379.4400
+ A 6.40 5.13 90.0 0 0 175.5200 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 392.2400"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 88.04 398.70
+ A 3.82 3.82 0.0 0 0 84.22 394.88
+ A 3.82 3.82 0.0 0 0 80.40 398.70
+ A 3.82 3.82 0.0 0 0 84.22 402.52
+ A 3.82 3.82 0.0 0 0 88.04 398.70"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 108.0000 444.9600
+ A 6.40 4.49 90.0 0 0 112.4900 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 432.1600
+ A 6.40 4.49 90.0 0 0 103.5100 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 444.9600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 158.8805 441.9940
+ A 4.47 3.17 114.3 0 0 163.6091 439.2245
+ A 4.47 3.17 114.3 0 0 162.5595 433.8460
+ A 4.47 3.17 114.3 0 0 157.8309 436.6155
+ A 4.47 3.17 114.3 0 0 158.8805 441.9940"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 123.4400 482.2600
+ A 5.77 4.49 90.0 0 0 127.9300 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 470.7200
+ A 5.77 4.49 90.0 0 0 118.9500 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 482.2600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 168.4277 500.2500
+ A 7.05 5.77 90.1 0 0 174.2100 493.2101
+ A 7.05 5.77 90.1 0 0 168.4523 486.1500
+ A 7.05 5.77 90.1 0 0 162.6700 493.1899
+ A 7.05 5.77 90.1 0 0 168.4277 500.2500"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 36.6934 503.6706
+ A 10.25 7.69 -22.3 0 0 24.2920 500.4451
+ A 10.25 7.69 -22.3 0 0 17.7266 511.4494
+ A 10.25 7.69 -22.3 0 0 30.1280 514.6749
+ A 10.25 7.69 -22.3 0 0 36.6934 503.6706"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 109.8178 524.4051
+ A 10.89 8.34 129.4 0 0 123.1746 521.2837
+ A 10.89 8.34 129.4 0 0 123.6422 507.5749
+ A 10.89 8.34 129.4 0 0 110.2854 510.6963
+ A 10.89 8.34 129.4 0 0 109.8178 524.4051"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 65.6329 538.1020
+ A 8.97 5.13 20.3 0 0 58.9998 530.1786
+ A 8.97 5.13 20.3 0 0 48.8071 531.8780
+ A 8.97 5.13 20.3 0 0 55.4402 539.8014
+ A 8.97 5.13 20.3 0 0 65.6329 538.1020"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 193.5100 542.6900
+ A 5.13 3.84 90.0 0 0 197.3500 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 532.4300
+ A 5.13 3.84 90.0 0 0 189.6700 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 542.6900"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 294.4232 574.8299
+ A 5.12 4.49 90.3 0 0 298.9399 569.7335
+ A 5.12 4.49 90.3 0 0 294.4768 564.5901
+ A 5.12 4.49 90.3 0 0 289.9601 569.6865
+ A 5.12 4.49 90.3 0 0 294.4232 574.8299"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 157.8726 614.5204
+ A 7.68 4.49 101.7 0 0 163.8267 607.9105
+ A 7.68 4.49 101.7 0 0 160.9874 599.4796
+ A 7.68 4.49 101.7 0 0 155.0333 606.0895
+ A 7.68 4.49 101.7 0 0 157.8726 614.5204"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 282.3822 635.2489
+ A 10.90 6.41 89.2 0 0 288.6394 624.2605
+ A 10.90 6.41 89.2 0 0 282.0778 613.4511
+ A 10.90 6.41 89.2 0 0 275.8206 624.4395
+ A 10.90 6.41 89.2 0 0 282.3822 635.2489"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 173.5979 646.8300
+ A 5.12 4.49 89.8 0 0 178.0700 641.6943
+ A 5.12 4.49 89.8 0 0 173.5621 636.5900
+ A 5.12 4.49 89.8 0 0 169.0900 641.7257
+ A 5.12 4.49 89.8 0 0 173.5979 646.8300"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 283.4787 685.4099
+ A 4.48 3.83 90.4 0 0 287.3399 680.9567
+ A 4.48 3.83 90.4 0 0 283.5413 676.4501
+ A 4.48 3.83 90.4 0 0 279.6801 680.9033
+ A 4.48 3.83 90.4 0 0 283.4787 685.4099"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 228.2200 690.5778
+ A 4.49 3.84 0.1 0 0 223.7367 686.7300
+ A 4.49 3.84 0.1 0 0 219.2400 690.5622
+ A 4.49 3.84 0.1 0 0 223.7233 694.4100
+ A 4.49 3.84 0.1 0 0 228.2200 690.5778"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 304.0900 347.2500
+ A 5.77 5.13 90.0 0 0 309.2200 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 335.7100
+ A 5.77 5.13 90.0 0 0 298.9600 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 347.2500"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 359.3910 352.3600
+ A 3.16 2.54 89.8 0 0 361.9200 349.1911
+ A 3.16 2.54 89.8 0 0 359.3690 346.0400
+ A 3.16 2.54 89.8 0 0 356.8400 349.2089
+ A 3.16 2.54 89.8 0 0 359.3910 352.3600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 353.5799 438.5199
+ A 3.83 3.16 90.3 0 0 356.7600 434.7065
+ A 3.83 3.16 90.3 0 0 353.6201 430.8601
+ A 3.83 3.16 90.3 0 0 350.4400 434.6735
+ A 3.83 3.16 90.3 0 0 353.5799 438.5199"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 353.6785 491.4037
+ A 11.54 4.49 72.3 0 0 354.4475 479.0449
+ A 11.54 4.49 72.3 0 0 346.6615 469.4163
+ A 11.54 4.49 72.3 0 0 345.8925 481.7751
+ A 11.54 4.49 72.3 0 0 353.6785 491.4037"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 387.65 498.34
+ A 4.48 4.48 0.0 0 0 383.17 493.86
+ A 4.48 4.48 0.0 0 0 378.69 498.34
+ A 4.48 4.48 0.0 0 0 383.17 502.82
+ A 4.48 4.48 0.0 0 0 387.65 498.34"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 395.2258 544.0332
+ A 17.41 11.13 17.7 0 0 382.0239 528.1369
+ A 17.41 11.13 17.7 0 0 362.0542 533.4468
+ A 17.41 11.13 17.7 0 0 375.2561 549.3431
+ A 17.41 11.13 17.7 0 0 395.2258 544.0332"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 749.58 500.79
+ C 748.13 486.48 737.90 476.86 723.19 477.48
+ C 707.62 478.13 695.96 485.83 694.59 502.48
+ Q 694.12 508.13 694.72 515.78
+ Q 701.07 596.97 706.74 674.06
+ C 707.29 681.65 707.82 688.79 711.37 695.72
+ C 717.09 706.90 729.11 709.41 740.55 708.46
+ C 760.98 706.77 769.70 695.32 768.16 675.27
+ Q 764.13 622.43 759.76 564.54
+ C 758.81 551.93 766.77 541.17 777.71 535.55
+ C 784.73 531.94 790.93 531.48 798.97 532.38
+ C 809.27 533.54 820.87 533.08 829.47 526.96
+ C 840.73 518.96 845.33 504.95 841.25 491.73
+ C 835.60 473.41 817.12 467.80 799.94 468.36
+ Q 792.55 468.60 786.54 470.93
+ C 773.07 476.17 757.22 487.42 750.19 500.91
+ Q 749.69 501.87 749.58 500.79"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 1005.65 692.69
+ C 1022.59 683.36 1034.32 662.21 1036.68 643.51
+ C 1038.13 632.02 1035.91 619.09 1026.72 611.73
+ C 1018.15 604.86 1006.99 606.27 998.02 611.92
+ C 983.15 621.29 972.50 638.58 967.93 655.61
+ C 963.87 670.71 965.05 689.02 981.25 695.48
+ C 989.00 698.57 998.37 696.70 1005.65 692.69"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 910.1080 619.1710
+ A 25.09 25.09 0.0 0 0 898.8492 585.5220
+ L 897.8827 585.0401
+ A 25.09 25.09 0.0 0 0 864.2337 596.2989
+ L 803.2920 718.5290
+ A 25.09 25.09 0.0 0 0 814.5508 752.1780
+ L 815.5173 752.6599
+ A 25.09 25.09 0.0 0 0 849.1663 741.4011
+ L 910.1080 619.1710"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 216.74 735.57
+ L 216.54 739.41
+ A 1.73 1.72 -83.1 0 0 217.94 741.20
+ C 221.63 741.88 226.10 739.97 229.43 739.44
+ Q 233.26 738.84 235.99 738.11
+ Q 239.17 737.27 242.49 736.44"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 242.49 736.44
+ Q 243.56 737.00 244.98 736.47
+ Q 247.59 735.49 246.62 732.93
+ Q 245.75 730.63 241.89 728.88"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 241.89 728.88
+ Q 239.48 727.56 236.70 727.28
+ Q 232.72 726.89 231.84 726.69
+ Q 229.43 726.14 227.04 725.59"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 227.04 725.59
+ L 219.67 724.08
+ Q 219.15 723.97 219.05 724.49
+ L 216.74 735.57"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 227.04 725.59
+ C 223.56 729.74 220.80 733.49 216.74 735.57"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 241.89 728.88
+ Q 240.77 732.73 242.49 736.44"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 283.88 750.64
+ Q 285.47 753.00 288.05 754.70
+ Q 292.94 757.92 298.42 761.07
+ C 302.16 763.23 307.60 764.17 308.98 758.65
+ C 310.46 752.70 305.46 748.55 300.47 746.60
+ Q 297.81 745.56 293.71 745.48
+ Q 290.25 745.42 286.72 745.59"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 286.72 745.59
+ L 279.38 745.41
+ Q 277.13 745.35 278.90 746.74
+ L 283.88 750.64"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 286.72 745.59
+ Q 285.87 749.28 283.88 750.64"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 184.98 756.47
+ C 185.63 753.56 185.46 750.83 183.06 749.35
+ Q 180.18 747.56 176.49 747.65
+ Q 175.18 747.68 174.37 746.79
+ Q 173.94 746.32 173.31 746.30
+ L 167.08 746.16
+ A 2.28 2.27 0.7 0 0 164.75 748.42
+ L 164.71 757.69
+ Q 164.70 758.80 165.73 759.25
+ C 168.98 760.65 174.00 760.74 178.03 761.15
+ C 179.49 761.29 180.78 760.80 181.75 759.73
+ Q 183.09 758.26 184.59 757.09
+ Q 184.90 756.85 184.98 756.47"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 179.57 776.35
+ L 181.60 773.77
+ Q 183.25 771.66 180.57 771.75
+ Q 172.17 772.04 168.40 770.23
+ Q 167.15 769.63 167.27 771.01
+ L 167.82 776.97
+ A 2.04 2.03 -89.3 0 0 169.61 778.81
+ Q 172.60 779.17 175.40 778.77
+ A 6.47 6.45 -75.1 0 0 179.57 776.35"
+/>
+</g>
+<path fill="#272727" d="
+ M 1313.00 440.38
+ L 1313.00 447.08
+ Q 1310.62 471.50 1286.49 475.79
+ C 1265.27 479.56 1246.58 470.13 1244.94 446.52
+ Q 1241.70 399.99 1238.75 352.47
+ C 1238.28 344.87 1237.14 337.69 1231.77 332.20
+ C 1224.00 324.27 1210.98 326.44 1205.01 334.95
+ Q 1200.31 341.64 1200.92 350.93
+ Q 1204.17 400.62 1207.27 448.23
+ C 1208.44 466.16 1199.55 479.38 1181.49 482.65
+ C 1158.66 486.78 1141.37 476.51 1139.84 452.52
+ Q 1139.12 441.36 1138.24 428.57
+ Q 1138.18 427.62 1137.93 428.54
+ Q 1135.82 436.14 1133.71 443.24
+ C 1128.37 461.20 1108.98 470.40 1092.13 463.27
+ Q 1078.37 457.44 1074.76 443.11
+ Q 1074.64 442.61 1074.16 442.79
+ C 1040.69 455.19 1000.33 443.86 984.44 410.85
+ Q 984.13 410.20 983.46 410.45
+ C 973.35 414.28 962.42 411.64 952.09 408.71
+ Q 919.65 399.50 885.92 389.96
+ A 0.31 0.30 8.2 0 0 885.53 390.24
+ C 885.32 402.04 893.44 411.63 903.49 417.48
+ Q 915.33 424.39 929.74 420.85
+ C 941.10 418.07 953.64 412.21 965.43 416.12
+ Q 983.92 422.26 982.94 442.04
+ C 982.42 452.52 977.45 461.97 967.97 467.40
+ Q 965.92 468.58 968.20 467.95
+ C 982.94 463.87 998.31 467.85 1008.88 478.75
+ C 1027.09 497.55 1023.02 528.01 1001.24 541.64
+ C 983.44 552.78 960.61 548.80 947.37 532.15
+ Q 946.67 531.27 947.17 532.28
+ Q 952.99 544.13 950.00 555.94
+ C 946.73 568.84 936.19 578.57 923.02 580.66
+ C 902.22 583.97 883.74 567.56 884.53 546.55
+ C 884.98 534.75 891.86 523.74 902.36 518.39
+ C 916.95 510.97 933.73 514.76 943.93 527.36
+ Q 944.47 528.02 944.06 527.27
+ C 934.37 509.42 938.33 488.82 953.73 475.52
+ Q 954.33 475.00 953.60 475.31
+ C 931.70 484.42 907.14 483.91 884.98 476.24
+ Q 844.89 462.36 830.11 424.47
+ C 814.64 384.81 827.76 332.51 857.68 303.15
+ A 0.32 0.32 0.0 0 0 857.51 302.61
+ Q 839.59 299.48 824.09 288.80
+ A 0.26 0.26 0.0 0 0 823.69 288.97
+ Q 822.29 297.26 820.16 304.80
+ Q 803.30 364.49 786.00 425.30
+ C 778.56 451.42 757.27 458.79 732.76 449.45
+ C 713.12 441.96 705.21 424.76 710.88 404.65
+ Q 725.35 353.29 742.15 294.23
+ Q 744.97 284.32 742.83 276.20
+ C 739.56 263.77 728.12 257.24 715.70 260.38
+ C 704.96 263.10 699.29 272.43 696.48 282.38
+ Q 680.62 338.43 665.54 391.36
+ C 661.31 406.22 651.65 417.58 636.10 419.11
+ A 0.57 0.56 -87.2 0 0 635.60 419.57
+ C 630.45 446.78 602.70 458.64 578.42 446.72
+ Q 573.39 444.25 568.19 440.24
+ C 553.62 429.00 537.07 424.12 517.71 425.18
+ C 484.42 427.01 463.72 447.47 454.10 477.60
+ Q 453.90 478.25 454.57 478.30
+ C 456.61 478.46 458.47 478.51 460.24 479.70
+ C 473.62 488.76 474.20 504.97 468.43 519.21
+ C 464.08 529.95 457.73 539.26 450.38 548.02
+ Q 450.00 548.48 450.07 549.07
+ Q 450.36 551.38 450.88 553.79
+ C 458.97 591.20 482.96 625.38 525.37 623.15
+ C 550.87 621.81 571.42 609.87 579.38 584.60
+ Q 582.16 575.78 582.76 568.67
+ Q 582.81 568.06 582.19 568.10
+ Q 557.08 569.99 530.69 572.06
+ C 520.35 572.87 510.60 572.51 501.24 568.29
+ C 488.99 562.76 482.21 551.50 480.19 538.18
+ C 476.65 514.80 485.13 495.43 509.22 489.24
+ Q 516.07 487.48 523.40 486.91
+ Q 566.51 483.60 609.71 480.34
+ C 633.07 478.57 653.27 484.36 662.59 507.76
+ Q 665.34 514.65 666.42 520.75
+ C 678.01 586.12 657.95 657.69 596.42 691.37
+ C 569.15 706.30 536.06 712.18 505.23 709.66
+ Q 446.03 704.84 406.75 661.33
+ C 384.43 636.61 371.27 605.92 363.92 573.18
+ Q 363.79 572.62 363.25 572.39
+ Q 335.07 560.76 327.21 530.74
+ Q 326.76 529.03 326.52 527.07
+ Q 326.29 525.12 325.97 527.06
+ Q 325.16 531.87 323.43 536.26
+ Q 322.20 539.38 321.80 542.71
+ Q 315.70 593.51 307.22 645.64
+ Q 306.24 651.61 304.80 658.01
+ Q 304.70 658.46 305.00 658.81
+ Q 312.56 667.58 315.93 669.98
+ Q 331.99 681.45 349.91 692.15
+ Q 371.18 704.85 396.07 713.81
+ Q 406.61 717.61 416.82 721.77
+ C 447.49 734.28 480.77 743.36 514.92 750.33
+ Q 524.50 752.29 534.40 754.79
+ C 584.36 767.39 635.09 774.95 686.99 782.70
+ Q 715.25 786.92 742.33 789.78
+ Q 815.74 797.55 888.40 803.60
+ Q 897.41 804.36 908.22 804.78
+ Q 943.83 806.17 978.32 805.31
+ Q 988.83 805.05 997.93 803.79
+ C 1036.03 798.51 1074.02 790.88 1106.34 769.07
+ Q 1111.23 765.77 1114.89 761.60
+ C 1137.19 736.18 1148.89 705.91 1145.79 672.19
+ Q 1145.32 667.07 1143.36 659.97
+ Q 1132.13 619.36 1136.32 577.41
+ Q 1136.41 576.53 1136.02 577.32
+ Q 1091.18 666.70 1046.78 755.27
+ C 1036.73 775.33 1017.37 777.67 999.77 765.66
+ Q 986.28 756.45 987.96 740.85
+ Q 988.05 740.05 987.27 740.28
+ C 966.78 746.62 945.40 742.50 930.46 727.64
+ C 914.16 711.42 908.30 687.25 909.55 664.73
+ C 911.66 626.91 933.31 586.75 965.02 565.22
+ C 984.10 552.27 1008.60 545.86 1030.44 554.27
+ Q 1031.50 554.68 1030.64 553.94
+ C 1023.69 547.97 1020.11 537.66 1020.29 529.04
+ C 1020.69 509.39 1038.18 494.15 1057.80 496.81
+ C 1075.95 499.27 1087.86 514.70 1086.64 533.17
+ Q 1086.58 534.08 1087.06 533.31
+ C 1096.05 518.85 1111.03 515.20 1125.98 521.89
+ C 1134.27 525.60 1141.29 531.22 1144.58 539.79
+ Q 1144.88 540.58 1145.17 539.78
+ C 1150.25 525.45 1157.80 511.86 1169.54 501.90
+ C 1189.31 485.12 1214.30 481.16 1239.62 488.67
+ Q 1241.80 489.31 1243.36 490.80
+ Q 1261.54 508.21 1274.70 528.21
+ Q 1294.30 557.99 1295.25 591.60
+ Q 1295.49 600.09 1294.27 611.73
+ C 1292.48 628.97 1290.55 644.70 1286.17 660.12
+ Q 1282.35 673.59 1275.12 691.98
+ Q 1271.14 702.10 1266.47 709.78
+ C 1246.74 742.20 1216.53 765.00 1185.05 785.75
+ Q 1176.32 791.50 1167.99 795.95
+ C 1136.16 812.97 1100.31 824.65 1065.23 830.39
+ Q 1058.15 831.55 1051.12 833.40
+ Q 1033.60 838.01 1014.52 840.00
+ C 978.68 843.73 942.17 842.57 905.64 840.82
+ Q 896.00 840.36 886.03 839.23
+ Q 848.47 834.98 811.70 831.99
+ Q 760.17 827.81 706.03 818.83
+ Q 677.80 814.15 649.12 809.32
+ Q 639.00 807.62 629.35 806.22
+ C 572.69 798.03 516.72 784.83 462.52 767.80
+ Q 453.53 764.98 443.55 761.46
+ Q 400.04 746.15 372.77 734.76
+ Q 350.46 725.45 321.29 708.10
+ Q 320.73 707.77 320.84 708.41
+ Q 321.93 715.10 321.03 722.34
+ Q 320.98 722.75 320.73 723.08
+ Q 315.40 729.85 308.64 734.65
+ Q 308.06 735.06 308.75 735.22
+ C 316.35 737.00 320.65 741.86 326.04 746.95
+ Q 327.75 748.57 328.36 750.85
+ Q 331.81 763.82 325.06 774.11
+ Q 323.32 776.78 319.84 778.15
+ Q 319.23 778.39 319.60 778.93
+ Q 322.20 782.73 324.18 786.06
+ Q 325.55 788.36 327.92 791.36
+ C 331.00 795.26 331.73 800.41 333.23 805.10
+ C 334.96 810.52 334.73 815.39 330.82 819.66
+ C 324.01 827.09 312.63 825.05 308.73 815.74
+ Q 306.36 810.08 304.14 804.52
+ C 302.93 801.49 300.92 797.26 298.81 795.19
+ Q 293.26 789.78 289.69 784.59
+ Q 288.92 783.48 289.19 784.80
+ Q 290.31 790.25 291.00 796.07
+ C 292.19 806.02 296.36 814.11 299.82 823.31
+ C 305.03 837.19 303.09 852.81 302.34 867.43
+ Q 302.08 872.70 301.40 875.53
+ C 299.20 884.77 294.04 893.60 288.03 901.18
+ Q 286.61 902.96 284.21 904.12
+ Q 275.99 908.07 269.76 910.26
+ Q 257.68 914.50 243.16 915.00
+ L 228.90 915.00
+ Q 207.97 912.06 188.54 903.16
+ Q 180.56 899.50 174.35 894.00
+ Q 173.90 893.60 173.34 893.82
+ C 171.91 894.38 170.46 895.21 168.93 895.18
+ Q 153.35 894.85 136.40 894.52
+ A 1.12 1.09 -14.8 0 1 135.50 894.01
+ Q 133.17 890.31 130.70 886.65
+ Q 125.80 879.39 122.35 870.87
+ Q 118.29 860.84 119.01 849.75
+ Q 119.82 837.29 120.31 825.05
+ Q 120.33 824.54 120.61 824.11
+ Q 128.55 812.13 137.62 798.28
+ C 140.31 794.18 144.09 791.06 147.95 788.23
+ A 0.95 0.94 -27.0 0 0 148.29 787.19
+ C 146.06 780.36 144.57 773.53 149.65 767.54
+ Q 149.99 767.14 149.94 766.61
+ Q 149.21 759.86 149.63 752.73
+ C 149.84 749.20 151.07 745.60 151.95 742.12
+ C 152.92 738.26 155.84 735.92 158.81 733.45
+ Q 159.31 733.03 158.80 732.62
+ Q 153.38 728.17 150.98 723.91
+ C 145.64 714.45 153.90 701.56 160.53 693.94
+ C 164.77 689.08 170.88 685.07 175.92 680.83
+ A 0.30 0.30 0.0 0 1 176.41 681.01
+ L 177.62 688.50
+ Q 177.74 689.22 178.23 688.67
+ Q 182.09 684.39 186.88 680.79
+ A 0.33 0.32 -50.6 0 0 186.83 680.24
+ C 161.23 667.24 135.37 646.22 133.98 615.68
+ C 133.16 597.49 141.80 579.59 151.86 565.01
+ Q 155.15 560.23 156.94 555.89
+ Q 160.69 546.73 163.09 538.51
+ A 1.83 1.80 46.6 0 0 163.11 537.52
+ Q 161.15 529.78 159.35 522.86
+ Q 157.06 514.12 152.04 505.75
+ Q 151.63 505.07 151.42 505.83
+ C 150.03 510.92 148.21 517.27 144.97 521.53
+ C 133.19 537.00 118.24 544.65 99.61 552.29
+ Q 88.62 556.80 80.51 558.00
+ Q 69.55 559.62 60.07 558.35
+ Q 49.40 556.92 39.46 555.03
+ C 20.90 551.49 6.61 536.29 1.27 518.51
+ Q 0.58 516.21 0.00 510.13
+ L 0.00 507.41
+ Q 0.63 496.20 6.65 487.01
+ C 7.86 485.15 7.31 483.54 8.11 481.72
+ C 13.01 470.66 27.06 468.39 36.99 474.24
+ Q 40.17 476.11 43.08 474.18
+ Q 43.52 473.90 44.03 473.87
+ Q 52.85 473.45 61.30 473.00
+ C 66.54 472.73 71.51 471.26 76.66 471.27
+ Q 77.37 471.27 76.99 470.67
+ Q 73.28 464.93 67.69 458.66
+ Q 64.72 455.34 60.96 452.22
+ Q 49.08 442.36 46.94 424.58
+ C 45.63 413.66 48.14 400.08 55.41 391.23
+ C 65.12 379.39 79.36 371.98 91.85 363.32
+ C 96.22 360.29 99.77 356.23 103.86 352.87
+ Q 115.63 343.20 128.80 333.44
+ Q 139.14 325.77 144.30 312.71
+ Q 145.79 308.96 148.01 305.27
+ Q 152.84 297.24 158.44 290.25
+ Q 158.84 289.75 158.26 289.48
+ Q 152.04 286.49 147.67 283.40
+ Q 144.74 281.33 143.30 277.15
+ Q 143.08 276.51 142.50 276.83
+ C 134.74 281.09 129.35 286.99 123.17 292.79
+ C 114.34 301.09 103.86 304.75 91.48 302.79
+ Q 81.70 301.25 74.63 297.38
+ Q 66.01 292.65 58.73 288.94
+ C 56.62 287.86 54.50 288.67 52.38 287.62
+ C 46.65 284.79 46.28 277.16 51.99 274.14
+ C 54.61 272.75 58.50 273.80 60.59 271.75
+ Q 63.59 268.82 65.22 266.01
+ C 70.30 257.27 73.32 247.25 82.79 242.26
+ Q 86.91 240.09 91.27 237.72
+ Q 95.61 235.37 100.86 234.70
+ Q 101.58 234.60 101.17 234.01
+ Q 96.99 227.87 96.63 221.55
+ Q 96.30 215.74 96.12 208.84
+ Q 95.73 193.58 100.24 180.21
+ Q 101.88 175.37 102.76 171.63
+ C 104.14 165.79 106.95 160.75 113.87 162.21
+ C 119.10 163.32 121.18 170.02 123.02 174.26
+ Q 123.18 174.63 123.16 174.22
+ Q 122.31 158.61 122.90 146.45
+ C 123.60 131.72 127.80 116.84 133.38 102.87
+ Q 133.58 102.35 133.43 101.82
+ C 130.21 90.58 127.74 78.15 129.59 66.80
+ C 132.16 50.92 147.94 43.99 163.00 45.39
+ Q 175.75 46.57 185.22 52.82
+ C 192.46 57.59 198.57 51.81 205.04 49.36
+ C 219.74 43.79 235.48 40.99 250.83 42.50
+ Q 257.30 43.14 263.58 43.87
+ Q 275.17 45.22 287.23 49.82
+ A 1.01 0.99 37.6 0 0 288.16 49.71
+ Q 294.85 45.02 303.48 44.42
+ C 315.44 43.58 320.14 53.69 321.42 63.70
+ A 1.50 1.47 17.8 0 0 321.90 64.61
+ Q 331.07 72.79 338.35 80.97
+ Q 340.26 83.12 341.68 85.67
+ Q 346.41 94.13 350.89 103.66
+ Q 352.50 107.08 352.99 110.72
+ C 355.09 126.13 357.54 139.88 354.61 155.13
+ Q 351.09 173.44 346.72 190.07
+ Q 346.62 190.45 346.77 190.81
+ Q 352.14 204.46 350.22 218.70
+ C 349.31 225.41 347.61 233.39 344.17 239.13
+ C 338.14 249.19 327.80 257.09 317.81 262.84
+ Q 317.31 263.13 317.35 263.70
+ C 317.95 271.57 315.19 279.46 311.88 286.63
+ Q 311.62 287.20 312.03 287.67
+ Q 316.85 293.25 314.20 300.76
+ C 312.15 306.57 306.64 311.76 301.80 315.61
+ Q 301.25 316.05 301.93 316.25
+ Q 315.90 320.25 328.77 322.72
+ C 336.47 324.19 344.79 325.07 352.56 323.96
+ C 362.45 322.54 372.13 320.87 382.12 320.70
+ Q 382.77 320.69 382.47 320.12
+ C 347.11 252.24 360.76 165.12 404.60 104.52
+ C 419.68 83.68 438.94 65.57 461.15 53.19
+ Q 504.41 29.07 554.15 34.59
+ C 600.82 39.77 642.44 62.04 668.99 100.65
+ Q 669.43 101.29 669.84 100.62
+ C 677.76 87.50 691.02 82.53 705.94 85.25
+ C 732.19 90.05 745.75 108.31 738.30 134.76
+ Q 728.70 168.88 718.91 203.21
+ Q 718.71 203.91 719.38 203.63
+ C 738.57 195.57 757.24 193.85 776.95 201.25
+ Q 777.57 201.48 777.53 200.82
+ C 775.31 163.03 790.80 127.82 825.44 111.28
+ C 841.11 103.79 861.26 100.18 878.82 102.46
+ C 914.21 107.05 936.05 133.60 945.75 166.34
+ C 950.20 181.34 948.22 194.57 933.49 202.20
+ Q 926.94 205.59 918.07 208.12
+ Q 883.53 217.93 850.00 227.39
+ Q 849.37 227.57 849.72 228.13
+ C 855.49 237.54 866.48 241.57 877.28 241.73
+ C 889.72 241.91 898.88 236.25 906.75 227.26
+ Q 910.94 222.47 915.59 217.60
+ C 928.74 203.83 950.56 202.30 959.96 221.48
+ C 963.81 229.33 965.41 238.18 962.06 246.36
+ Q 953.79 266.52 938.26 279.86
+ Q 937.71 280.32 938.40 280.50
+ C 969.56 288.66 994.34 307.79 1001.85 340.18
+ Q 1002.01 340.84 1002.53 340.42
+ C 1032.50 316.87 1072.57 323.41 1100.94 345.73
+ A 0.24 0.24 0.0 0 0 1101.32 345.62
+ Q 1103.77 338.76 1101.19 332.68
+ C 1096.10 320.67 1083.02 313.70 1070.22 312.19
+ C 1054.52 310.34 1032.62 309.96 1023.78 294.22
+ Q 1023.51 293.75 1022.97 293.67
+ C 983.03 287.94 969.78 250.49 962.93 216.11
+ Q 954.26 172.57 945.08 127.03
+ Q 944.96 126.42 944.34 126.43
+ C 924.15 126.89 911.18 114.83 910.04 94.73
+ C 909.17 79.39 918.18 69.20 931.79 63.48
+ Q 932.39 63.23 932.24 62.59
+ Q 930.02 53.46 929.56 47.97
+ Q 927.46 22.77 948.53 12.75
+ Q 959.96 7.32 974.02 7.62
+ C 992.32 8.01 1003.26 21.06 1006.74 38.01
+ Q 1007.57 42.05 1008.38 46.21
+ Q 1008.50 46.86 1009.15 46.72
+ C 1018.68 44.60 1028.68 42.32 1038.17 43.30
+ C 1055.79 45.12 1062.94 58.87 1064.88 74.77
+ C 1066.48 87.84 1062.34 98.69 1050.22 104.92
+ C 1041.60 109.36 1031.77 111.01 1022.27 112.77
+ Q 1021.79 112.86 1021.89 113.34
+ Q 1031.35 160.92 1040.87 207.74
+ Q 1041.77 212.16 1043.69 216.79
+ A 0.91 0.91 0.0 0 0 1044.70 217.33
+ C 1060.84 214.24 1076.95 217.10 1085.96 231.62
+ Q 1092.40 242.01 1092.66 256.39
+ Q 1092.67 256.98 1093.24 257.12
+ Q 1111.86 261.79 1127.53 271.68
+ A 0.27 0.27 0.0 0 0 1127.94 271.44
+ Q 1126.36 247.40 1125.04 226.89
+ C 1123.76 207.11 1134.30 193.18 1154.32 191.16
+ C 1176.03 188.97 1190.89 200.32 1192.42 222.46
+ Q 1194.42 251.48 1196.25 280.51
+ A 0.35 0.35 0.0 0 0 1196.84 280.74
+ Q 1212.13 267.06 1230.84 264.50
+ Q 1241.46 263.04 1250.86 264.74
+ C 1286.68 271.24 1303.81 300.56 1305.98 334.75
+ Q 1309.33 387.56 1313.00 440.38
+ Z
+ M 996.13 358.22
+ Q 996.35 356.52 996.13 353.26
+ C 994.66 331.25 984.35 312.92 966.37 300.81
+ C 952.34 291.36 934.78 285.69 918.03 285.21
+ Q 917.93 285.03 918.13 284.71
+ Q 918.26 284.52 918.46 284.41
+ Q 943.86 270.71 954.96 243.99
+ C 958.07 236.52 955.60 227.64 951.17 221.36
+ C 945.71 213.63 936.02 212.93 928.13 217.32
+ Q 923.46 219.92 919.80 224.01
+ Q 914.74 229.68 909.74 234.96
+ Q 894.58 251.03 873.12 248.98
+ C 857.17 247.47 843.89 238.82 839.41 223.11
+ Q 839.26 222.59 839.77 222.45
+ Q 875.32 212.48 913.95 201.53
+ C 928.16 197.50 943.87 192.64 939.77 173.49
+ Q 936.75 159.39 929.02 145.62
+ C 915.01 120.66 891.00 107.31 861.76 109.55
+ Q 844.70 110.87 829.83 117.52
+ C 792.27 134.33 779.50 175.83 786.70 214.14
+ Q 763.59 200.54 738.96 205.21
+ C 728.17 207.26 717.26 212.28 707.90 218.43
+ Q 706.56 219.31 707.00 217.77
+ Q 719.33 174.34 731.14 132.56
+ C 736.82 112.47 728.42 98.84 708.75 93.55
+ C 692.44 89.16 679.12 94.57 673.15 110.80
+ Q 671.91 114.16 670.49 117.73
+ C 669.11 115.31 668.00 112.87 666.53 110.54
+ Q 637.50 64.49 584.47 48.47
+ Q 555.93 39.84 527.76 41.31
+ C 473.59 44.13 427.78 77.96 400.56 124.26
+ C 364.87 184.97 356.28 267.04 396.08 328.29
+ Q 396.35 328.71 396.39 329.20
+ L 396.44 329.76
+ Q 384.02 327.02 371.23 328.82
+ Q 361.92 330.12 352.99 331.40
+ C 343.53 332.75 333.45 331.39 324.15 329.46
+ Q 311.84 326.91 290.90 321.11
+ Q 288.57 320.46 283.33 317.37
+ Q 283.35 317.69 283.01 317.11
+ Q 283.80 316.78 286.09 316.14
+ C 292.76 314.27 298.49 309.20 303.87 303.45
+ C 306.85 300.25 310.04 294.68 305.08 291.37
+ Q 304.00 290.66 302.81 290.09
+ Q 302.25 289.83 302.51 289.27
+ C 306.32 281.11 312.90 268.31 308.49 259.33
+ Q 321.27 253.06 331.52 243.28
+ Q 337.94 237.16 340.69 227.74
+ Q 346.40 208.24 338.69 190.80
+ Q 343.83 172.12 347.27 153.41
+ Q 348.52 146.59 348.57 141.52
+ C 348.65 131.67 346.96 122.46 345.71 112.76
+ Q 345.28 109.40 343.90 106.43
+ Q 340.24 98.55 336.04 90.87
+ Q 333.70 86.59 329.86 82.70
+ Q 322.31 75.03 314.76 68.15
+ Q 314.33 67.77 314.30 67.20
+ Q 313.94 61.64 311.61 56.28
+ Q 309.45 51.31 303.76 51.87
+ Q 294.77 52.75 289.75 58.36
+ Q 289.36 58.79 288.82 58.56
+ Q 275.70 52.81 262.82 51.32
+ Q 247.47 49.54 242.90 49.56
+ Q 227.20 49.62 210.11 55.53
+ C 202.70 58.09 195.73 63.74 187.54 61.83
+ Q 184.18 61.04 180.71 58.85
+ C 170.19 52.21 153.57 49.54 142.85 57.85
+ Q 137.05 62.35 136.60 70.99
+ C 136.07 81.40 138.23 91.94 141.30 101.95
+ Q 141.47 102.50 141.27 103.03
+ C 136.82 114.76 132.97 126.09 131.17 138.57
+ C 129.69 148.85 130.02 160.41 130.56 171.25
+ Q 131.09 182.02 133.98 192.58
+ Q 125.72 189.94 120.26 183.69
+ C 117.21 180.19 115.86 175.88 114.01 171.73
+ C 113.61 170.84 112.88 170.05 112.32 169.24
+ A 0.57 0.57 0.0 0 0 111.39 169.23
+ Q 110.30 170.75 110.08 172.51
+ C 109.68 175.68 108.30 178.67 107.27 181.69
+ Q 104.12 190.96 103.41 202.01
+ Q 103.02 208.16 103.57 212.00
+ Q 103.98 214.87 103.74 217.43
+ Q 103.43 220.70 104.12 223.37
+ Q 107.21 235.31 120.68 240.00
+ Q 110.48 241.30 101.99 241.95
+ Q 98.04 242.24 92.63 245.55
+ Q 90.04 247.13 87.38 248.31
+ C 81.29 250.99 77.74 257.62 75.13 263.37
+ Q 71.36 271.65 65.52 277.71
+ C 63.88 279.40 60.73 280.13 58.50 280.35
+ Q 57.53 280.45 58.43 280.80
+ Q 65.82 283.73 75.97 289.61
+ Q 86.29 295.59 98.40 295.85
+ C 105.94 296.02 113.69 291.76 118.87 286.63
+ C 126.45 279.12 133.50 272.20 143.62 268.11
+ C 144.93 267.58 145.75 266.86 146.75 265.89
+ A 1.09 1.09 0.0 0 1 148.58 266.47
+ C 149.09 269.15 149.82 276.06 152.09 277.42
+ Q 156.29 279.95 160.81 282.44
+ Q 163.57 283.97 173.33 286.09
+ C 165.52 292.45 160.26 299.84 154.94 308.24
+ Q 152.74 311.72 151.04 316.09
+ C 146.81 326.94 139.69 334.80 129.92 342.08
+ C 121.53 348.32 112.98 354.61 105.53 361.51
+ Q 99.10 367.47 94.87 370.39
+ Q 86.77 375.99 78.72 381.00
+ C 71.35 385.59 63.26 391.92 59.07 399.17
+ C 50.55 413.91 52.80 435.68 65.99 446.61
+ Q 69.03 449.14 71.96 452.26
+ C 79.69 460.52 86.62 469.39 88.74 480.76
+ Q 88.83 481.27 88.56 481.70
+ Q 87.92 482.73 86.97 483.16
+ Q 82.80 477.41 73.95 478.90
+ Q 67.41 480.01 63.51 480.31
+ Q 55.28 480.95 46.93 481.21
+ C 45.02 481.27 43.78 482.31 42.05 483.14
+ L 35.10 482.09
+ Q 27.61 475.98 19.00 480.22
+ Q 13.96 482.70 14.97 488.47
+ C 5.47 500.31 5.50 514.46 13.09 527.08
+ C 19.09 537.05 28.96 545.34 39.84 547.45
+ C 52.87 549.97 66.16 552.69 79.48 550.60
+ Q 86.69 549.46 95.90 545.67
+ C 112.65 538.76 128.50 531.60 139.41 516.34
+ C 140.73 514.50 141.46 512.36 142.13 510.23
+ Q 145.24 500.36 148.04 493.59
+ Q 149.19 490.81 151.52 488.92
+ A 0.41 0.40 57.2 0 1 152.14 489.06
+ Q 156.86 498.61 161.73 507.98
+ Q 164.32 512.96 165.74 518.05
+ Q 168.34 527.35 170.83 537.46
+ Q 171.03 538.30 170.78 539.14
+ Q 167.75 549.28 163.67 559.28
+ Q 161.84 563.77 158.98 567.82
+ C 150.41 579.98 142.63 595.04 141.55 609.91
+ C 139.44 638.99 164.22 659.93 187.29 672.02
+ C 192.16 674.58 197.22 676.38 201.87 679.35
+ A 0.28 0.28 0.0 0 1 201.99 679.69
+ Q 201.93 679.87 201.81 679.91
+ Q 190.45 686.00 183.03 694.52
+ Q 180.93 696.93 179.95 700.51
+ Q 179.51 702.09 178.12 702.80
+ C 173.77 705.01 171.62 697.95 171.08 694.89
+ Q 170.93 694.04 170.29 694.62
+ C 165.45 699.09 152.50 714.26 158.11 721.29
+ C 162.44 726.72 167.75 730.18 174.26 733.72
+ Q 182.40 738.14 191.13 742.64
+ C 192.86 743.53 192.42 744.83 193.24 746.23
+ Q 187.30 742.75 180.72 740.98
+ Q 179.15 740.56 174.75 740.11
+ Q 171.58 739.78 168.76 739.36
+ Q 167.07 739.10 165.14 739.17
+ Q 163.64 739.22 162.30 740.25
+ Q 159.92 742.09 159.37 743.68
+ Q 155.39 755.12 157.83 767.22
+ C 158.81 772.09 154.58 771.21 153.91 774.93
+ Q 153.36 777.97 154.32 781.12
+ A 0.96 0.93 6.6 0 0 154.79 781.69
+ L 159.41 784.07
+ A 0.46 0.46 0.0 0 1 159.34 784.92
+ Q 154.47 786.58 156.13 791.80
+ Q 152.10 794.23 148.58 797.28
+ Q 145.31 800.12 142.70 804.16
+ Q 135.42 815.42 128.16 826.23
+ Q 127.83 826.72 127.80 827.31
+ Q 127.18 838.91 126.51 850.50
+ Q 126.05 858.30 128.07 864.71
+ Q 130.77 873.30 136.22 881.13
+ Q 137.93 883.28 139.00 885.37
+ Q 139.50 886.37 140.03 886.66
+ Q 140.79 887.07 141.71 887.08
+ Q 153.69 887.25 165.61 887.45
+ C 166.94 887.48 167.84 887.76 169.22 887.26
+ Q 172.53 886.06 175.68 884.76
+ Q 176.22 884.54 176.55 885.02
+ C 180.40 890.60 187.26 894.51 193.41 897.17
+ Q 204.15 901.81 218.00 905.46
+ Q 225.72 907.51 233.46 907.55
+ Q 246.44 907.63 255.70 906.16
+ Q 265.29 904.64 278.86 898.36
+ Q 281.67 897.07 283.25 895.06
+ C 288.03 889.01 291.69 882.03 293.83 874.82
+ C 294.46 872.69 294.41 870.64 294.55 868.40
+ Q 294.81 863.36 295.31 858.31
+ C 296.43 846.91 296.77 834.51 292.54 824.59
+ Q 288.77 815.73 286.30 808.56
+ Q 284.77 804.13 284.13 799.26
+ Q 283.35 793.27 282.94 791.16
+ Q 282.19 787.33 281.70 783.25
+ C 281.53 781.84 281.06 780.66 280.96 779.22
+ Q 280.42 771.53 282.27 763.85
+ Q 288.32 771.38 294.65 778.55
+ C 295.82 779.88 296.54 781.61 297.73 782.95
+ Q 300.68 786.26 303.95 789.76
+ C 309.86 796.07 312.05 804.27 315.12 811.72
+ C 316.62 815.35 318.75 817.73 322.75 816.32
+ C 326.50 815.00 327.46 811.60 326.25 807.94
+ C 324.88 803.79 324.17 797.81 321.09 794.78
+ Q 319.44 793.16 318.64 791.45
+ C 317.06 788.05 314.45 784.83 312.50 781.75
+ C 311.30 779.85 310.69 777.64 309.66 775.60
+ A 1.78 1.78 0.0 0 1 310.75 773.09
+ C 313.23 772.36 317.87 771.72 319.23 769.41
+ Q 323.09 762.81 321.65 754.85
+ Q 321.31 752.99 319.95 751.56
+ Q 315.82 747.22 312.30 744.73
+ C 309.83 742.97 306.84 742.64 304.03 741.42
+ Q 298.31 738.93 292.48 738.09
+ Q 294.49 736.63 296.44 734.64
+ Q 298.71 732.35 300.52 731.14
+ C 305.30 727.93 309.45 724.85 313.35 720.27
+ Q 313.67 719.89 313.73 719.40
+ C 314.48 712.61 313.62 704.55 308.40 699.81
+ C 302.98 694.88 298.01 689.73 291.54 685.60
+ L 293.80 680.29
+ Q 294.04 679.71 294.54 680.10
+ Q 305.55 688.68 314.70 694.78
+ Q 344.74 714.83 376.17 727.90
+ Q 406.21 740.39 438.84 751.89
+ Q 473.61 764.15 508.83 773.45
+ Q 518.81 776.08 528.18 778.48
+ Q 576.36 790.81 624.78 797.93
+ C 673.27 805.06 723.35 815.17 768.04 820.15
+ Q 793.04 822.94 814.04 824.68
+ Q 852.83 827.89 888.09 831.89
+ Q 898.20 833.04 907.99 833.45
+ C 941.80 834.88 975.35 836.01 1009.00 833.06
+ Q 1029.74 831.25 1048.50 826.32
+ Q 1056.41 824.24 1063.56 823.07
+ C 1098.40 817.35 1133.34 805.96 1164.91 789.14
+ C 1176.28 783.09 1187.13 775.32 1197.98 767.82
+ C 1222.52 750.83 1245.13 730.73 1260.23 705.61
+ C 1266.75 694.78 1271.36 681.26 1275.56 669.04
+ Q 1282.54 648.75 1285.25 624.64
+ Q 1286.62 612.55 1287.74 601.50
+ C 1287.93 599.61 1287.70 597.70 1287.46 595.81
+ C 1287.12 591.95 1287.66 587.87 1287.33 584.39
+ C 1284.10 550.34 1263.74 520.98 1239.63 497.70
+ C 1238.85 496.94 1238.41 496.11 1237.24 495.77
+ C 1209.69 487.72 1182.19 494.70 1164.63 518.16
+ Q 1156.76 528.67 1151.32 544.77
+ Q 1142.79 569.98 1142.79 595.98
+ Q 1142.79 596.01 1142.76 596.01
+ Q 1142.63 596.03 1142.50 596.04
+ Q 1142.35 595.94 1142.37 595.64
+ Q 1142.38 595.63 1142.38 595.61
+ Q 1142.39 595.59 1142.41 595.61
+ Q 1142.44 595.62 1142.43 595.66
+ Q 1141.96 603.21 1142.95 610.71
+ C 1143.30 613.76 1143.22 616.78 1143.52 619.81
+ Q 1145.52 639.98 1150.73 658.58
+ Q 1152.80 666.00 1153.31 671.82
+ C 1156.40 707.64 1144.20 739.17 1120.94 766.11
+ Q 1116.55 771.20 1111.04 774.92
+ C 1089.83 789.24 1066.62 798.14 1041.56 803.72
+ Q 1020.92 808.31 998.42 811.30
+ Q 988.90 812.56 978.64 812.80
+ Q 942.93 813.62 907.93 812.30
+ Q 897.64 811.91 888.53 811.15
+ Q 816.48 805.12 742.00 797.28
+ Q 720.06 794.97 700.09 792.12
+ Q 653.29 785.44 608.49 777.84
+ C 579.65 772.94 553.69 767.30 527.48 760.84
+ Q 518.63 758.66 508.21 756.54
+ C 476.16 750.02 443.39 740.92 413.07 728.34
+ Q 404.97 724.99 394.39 721.21
+ Q 363.83 710.29 335.76 692.29
+ Q 322.58 683.83 310.74 675.63
+ A 9.00 8.88 -4.2 0 1 309.26 674.37
+ L 296.92 661.38
+ Q 296.52 660.96 296.64 660.40
+ C 298.04 653.80 299.36 647.33 300.45 640.56
+ Q 308.45 590.89 314.49 540.95
+ Q 314.84 538.00 316.18 534.41
+ Q 319.80 524.64 319.87 513.50
+ Q 320.53 509.06 320.45 503.75
+ Q 320.27 491.99 319.27 480.27
+ C 318.92 476.16 319.16 471.57 318.84 468.04
+ Q 317.68 454.88 313.80 440.05
+ Q 308.01 417.90 298.84 399.08
+ C 296.98 395.27 294.76 391.84 292.61 388.16
+ Q 285.64 376.25 285.71 362.00
+ Q 285.74 355.81 285.60 349.89
+ C 287.95 346.87 291.43 348.77 294.30 349.42
+ Q 306.79 352.25 320.02 354.67
+ Q 340.57 358.44 359.38 357.83
+ Q 361.80 357.75 363.27 359.06
+ C 367.35 362.68 364.79 369.14 362.35 372.99
+ Q 356.76 381.80 353.08 389.62
+ C 350.89 394.26 349.51 399.27 347.66 404.00
+ C 341.08 420.82 337.39 439.00 335.44 458.35
+ Q 333.73 475.25 333.44 489.42
+ Q 333.19 501.72 333.55 519.91
+ Q 333.69 526.82 335.22 531.74
+ Q 340.65 549.26 355.09 559.67
+ Q 361.88 564.57 370.30 566.48
+ C 381.15 626.57 418.61 682.56 480.45 697.99
+ Q 522.99 708.60 567.45 695.53
+ Q 577.13 692.68 586.44 688.12
+ C 644.24 659.78 666.47 600.25 661.23 537.95
+ C 659.37 515.82 654.13 492.56 627.93 488.27
+ Q 620.59 487.07 613.75 487.57
+ Q 565.49 491.13 521.63 494.61
+ C 500.82 496.26 486.80 506.70 486.90 528.34
+ C 487.00 547.38 495.03 561.93 515.64 564.57
+ Q 520.79 565.24 525.71 564.87
+ Q 556.71 562.54 590.27 559.99
+ Q 590.86 559.95 590.84 560.54
+ C 590.10 589.42 578.12 615.40 549.97 625.82
+ Q 534.51 631.55 517.09 630.59
+ C 488.37 629.02 466.24 610.76 453.83 585.44
+ Q 445.09 567.61 441.95 546.94
+ Q 447.00 540.33 452.70 532.71
+ Q 459.10 524.15 463.20 511.24
+ C 465.90 502.74 464.64 492.71 457.29 486.76
+ C 454.62 484.60 447.11 486.71 443.79 487.40
+ Q 446.67 473.08 452.97 460.23
+ C 463.40 438.97 481.35 423.79 504.96 419.24
+ C 527.31 414.92 551.05 418.50 569.54 432.01
+ C 578.28 438.40 585.78 443.56 597.16 443.76
+ C 615.86 444.10 628.72 430.05 628.83 411.59
+ C 644.95 413.22 654.24 403.69 658.41 389.07
+ Q 673.78 335.18 689.58 279.14
+ C 693.75 264.34 704.83 252.60 720.77 252.19
+ C 737.27 251.77 749.54 263.41 751.03 279.72
+ Q 751.76 287.80 749.72 295.01
+ Q 734.10 350.07 718.62 404.78
+ C 712.71 425.68 720.77 438.96 741.47 444.39
+ C 761.56 449.65 773.78 440.95 779.12 422.13
+ Q 796.17 362.07 813.14 301.98
+ Q 816.95 288.52 817.72 273.98
+ Q 840.34 295.49 870.75 296.43
+ Q 872.33 296.48 878.05 296.37
+ C 850.44 314.16 835.04 344.76 831.72 377.29
+ Q 829.92 394.92 833.61 410.19
+ Q 844.25 454.19 887.68 469.23
+ C 914.79 478.61 943.90 476.14 967.39 458.71
+ C 973.46 454.21 976.46 444.10 975.35 436.89
+ C 973.36 423.95 959.95 420.09 948.58 423.42
+ Q 941.38 425.53 933.13 427.75
+ Q 909.69 434.05 891.48 418.04
+ C 880.46 408.35 875.55 395.36 879.26 380.94
+ Q 879.43 380.29 880.08 380.47
+ Q 918.12 391.36 956.70 402.13
+ C 967.26 405.08 980.29 408.21 987.76 397.42
+ Q 993.21 419.42 1011.62 430.40
+ Q 1041.10 447.99 1074.99 434.46
+ Q 1078.85 432.92 1083.18 430.15
+ Q 1083.98 429.64 1083.73 430.56
+ Q 1083.32 432.06 1082.82 433.72
+ C 1081.33 438.59 1081.91 443.91 1084.79 447.99
+ Q 1092.06 458.31 1104.59 458.12
+ C 1114.97 457.96 1123.81 450.78 1126.58 441.00
+ Q 1134.53 412.91 1142.79 384.23
+ Q 1145.20 419.22 1147.71 453.73
+ Q 1148.37 462.85 1152.54 467.95
+ C 1160.29 477.47 1174.30 477.51 1184.98 474.00
+ C 1196.94 470.06 1200.51 459.71 1199.76 448.09
+ Q 1196.73 401.36 1193.51 353.14
+ C 1192.67 340.57 1196.43 329.04 1207.71 322.88
+ C 1220.19 316.06 1235.01 320.73 1241.62 333.05
+ Q 1245.33 339.95 1245.79 346.92
+ Q 1248.95 394.18 1252.35 445.82
+ Q 1252.76 452.12 1255.96 458.20
+ C 1262.41 470.46 1279.28 470.80 1290.49 467.07
+ C 1302.27 463.15 1306.20 452.89 1305.44 441.21
+ Q 1301.93 387.57 1298.35 334.07
+ C 1296.54 306.96 1283.92 281.86 1256.61 273.76
+ C 1239.52 268.69 1221.05 271.55 1206.75 282.35
+ C 1200.55 287.02 1195.46 292.43 1190.63 298.51
+ Q 1189.99 299.32 1189.92 298.29
+ Q 1187.48 260.95 1184.98 223.25
+ C 1183.69 203.87 1170.72 195.75 1152.05 199.02
+ Q 1134.24 202.14 1132.52 221.18
+ Q 1132.33 223.24 1132.45 225.00
+ Q 1134.45 256.27 1136.52 287.98
+ Q 1126.86 279.20 1115.40 273.37
+ Q 1101.05 266.08 1085.15 262.92
+ Q 1084.60 262.81 1084.68 262.27
+ Q 1086.53 248.44 1080.43 237.02
+ C 1073.53 224.09 1059.75 222.06 1046.32 224.68
+ C 1043.57 225.22 1040.76 225.21 1038.85 222.83
+ C 1035.62 218.79 1034.19 212.48 1033.16 207.46
+ Q 1023.09 157.96 1013.09 107.59
+ Q 1012.98 107.02 1013.54 106.91
+ Q 1025.02 104.66 1035.04 102.48
+ C 1046.78 99.92 1057.81 94.21 1057.69 80.41
+ Q 1057.59 69.02 1052.74 60.23
+ C 1046.77 49.39 1033.68 49.45 1022.45 51.69
+ Q 1012.21 53.73 1003.15 55.54
+ Q 1002.60 55.65 1002.50 55.10
+ Q 1000.94 46.81 999.05 38.13
+ Q 997.61 31.55 994.01 25.93
+ C 985.23 12.25 966.76 13.40 953.68 18.66
+ C 937.64 25.11 934.85 38.60 938.06 53.99
+ Q 939.41 60.47 940.77 67.39
+ A 0.84 0.83 -14.6 0 1 940.21 68.34
+ C 927.19 72.58 916.28 79.91 917.58 95.10
+ C 919.23 114.53 932.68 120.82 950.44 118.57
+ Q 951.01 118.50 951.12 119.06
+ Q 960.52 165.56 969.75 212.01
+ C 976.37 245.36 987.75 283.61 1028.08 286.71
+ Q 1028.85 286.76 1029.07 287.50
+ C 1032.01 297.11 1043.24 301.23 1052.52 302.50
+ C 1058.93 303.37 1064.98 304.13 1070.94 304.77
+ Q 1086.59 306.44 1098.26 316.43
+ C 1106.61 323.58 1112.21 334.36 1109.14 345.54
+ Q 1107.12 352.89 1105.08 359.93
+ A 0.29 0.29 0.0 0 1 1104.58 360.03
+ C 1097.68 351.25 1087.45 344.58 1077.26 340.11
+ C 1048.03 327.30 1015.91 331.22 996.13 358.22
+ Z
+ M 326.57 471.55
+ L 326.57 471.55
+ Q 326.68 471.55 326.69 471.44
+ C 328.51 448.77 331.50 426.23 339.40 404.77
+ C 342.85 395.39 345.67 386.37 350.90 377.54
+ Q 354.22 371.95 357.32 366.62
+ Q 357.99 365.46 356.65 365.47
+ Q 337.72 365.52 318.27 362.00
+ Q 307.12 359.98 294.06 357.01
+ Q 293.09 356.79 293.03 357.79
+ Q 292.51 366.95 295.07 375.78
+ Q 296.38 380.33 302.26 390.04
+ Q 307.87 399.30 313.78 415.50
+ C 320.71 434.49 325.42 452.90 326.35 471.35
+ Q 326.36 471.55 326.57 471.55
+ Z
+ M 1012.90 507.13
+ A 33.30 33.30 0.0 0 0 979.60 473.83
+ A 33.30 33.30 0.0 0 0 946.30 507.13
+ A 33.30 33.30 0.0 0 0 979.60 540.43
+ A 33.30 33.30 0.0 0 0 1012.90 507.13
+ Z
+ M 1079.27 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 504.00
+ A 25.76 25.76 0.0 0 0 1027.75 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 555.52
+ A 25.76 25.76 0.0 0 0 1079.27 529.76
+ Z
+ M 943.51 547.86
+ A 25.76 25.76 0.0 0 0 917.75 522.10
+ A 25.76 25.76 0.0 0 0 891.99 547.86
+ A 25.76 25.76 0.0 0 0 917.75 573.62
+ A 25.76 25.76 0.0 0 0 943.51 547.86
+ Z
+ M 1059.79 602.86
+ Q 1057.70 585.87 1046.51 574.04
+ C 1017.37 543.23 973.53 561.33 949.72 588.57
+ C 927.15 614.40 913.00 649.77 917.89 684.16
+ C 921.34 708.39 936.09 732.22 962.51 735.28
+ C 975.80 736.81 988.67 733.07 1000.85 726.43
+ Q 1001.84 725.89 1001.28 726.87
+ C 995.06 737.88 990.92 750.34 1003.41 759.08
+ C 1016.57 768.29 1031.69 768.54 1039.59 752.80
+ Q 1087.05 658.29 1135.36 561.88
+ C 1143.61 545.41 1135.70 532.71 1119.47 527.42
+ C 1107.86 523.64 1097.63 528.55 1092.32 539.09
+ Q 1076.40 570.65 1060.26 602.94
+ Q 1059.89 603.66 1059.79 602.86
+ Z
+ M 1075.92 554.96
+ Q 1076.49 553.81 1075.52 554.66
+ C 1067.28 561.88 1055.61 564.95 1044.65 561.86
+ Q 1043.50 561.54 1044.46 562.25
+ C 1051.61 567.49 1057.56 574.83 1061.53 582.59
+ A 0.30 0.29 44.7 0 0 1062.06 582.59
+ L 1075.92 554.96
+ Z"
+/>
+<path fill="#e8bf00" d="
+ M 1136.52 287.98
+ L 1142.79 384.23
+ Q 1134.53 412.91 1126.58 441.00
+ C 1123.81 450.78 1114.97 457.96 1104.59 458.12
+ Q 1092.06 458.31 1084.79 447.99
+ C 1081.91 443.91 1081.33 438.59 1082.82 433.72
+ Q 1083.32 432.06 1083.73 430.56
+ Q 1083.98 429.64 1083.18 430.15
+ Q 1078.85 432.92 1074.99 434.46
+ Q 1041.10 447.99 1011.62 430.40
+ Q 993.21 419.42 987.76 397.42
+ Q 987.40 394.43 987.18 391.24
+ Q 985.92 373.24 996.13 358.22
+ C 1015.91 331.22 1048.03 327.30 1077.26 340.11
+ C 1087.45 344.58 1097.68 351.25 1104.58 360.03
+ A 0.29 0.29 0.0 0 0 1105.08 359.93
+ Q 1107.12 352.89 1109.14 345.54
+ C 1112.21 334.36 1106.61 323.58 1098.26 316.43
+ Q 1086.59 306.44 1070.94 304.77
+ C 1064.98 304.13 1058.93 303.37 1052.52 302.50
+ C 1043.24 301.23 1032.01 297.11 1029.07 287.50
+ Q 1028.85 286.76 1028.08 286.71
+ C 987.75 283.61 976.37 245.36 969.75 212.01
+ Q 960.52 165.56 951.12 119.06
+ Q 951.01 118.50 950.44 118.57
+ C 932.68 120.82 919.23 114.53 917.58 95.10
+ C 916.28 79.91 927.19 72.58 940.21 68.34
+ A 0.84 0.83 -14.6 0 0 940.77 67.39
+ Q 939.41 60.47 938.06 53.99
+ C 934.85 38.60 937.64 25.11 953.68 18.66
+ C 966.76 13.40 985.23 12.25 994.01 25.93
+ Q 997.61 31.55 999.05 38.13
+ Q 1000.94 46.81 1002.50 55.10
+ Q 1002.60 55.65 1003.15 55.54
+ Q 1012.21 53.73 1022.45 51.69
+ C 1033.68 49.45 1046.77 49.39 1052.74 60.23
+ Q 1057.59 69.02 1057.69 80.41
+ C 1057.81 94.21 1046.78 99.92 1035.04 102.48
+ Q 1025.02 104.66 1013.54 106.91
+ Q 1012.98 107.02 1013.09 107.59
+ Q 1023.09 157.96 1033.16 207.46
+ C 1034.19 212.48 1035.62 218.79 1038.85 222.83
+ C 1040.76 225.21 1043.57 225.22 1046.32 224.68
+ C 1059.75 222.06 1073.53 224.09 1080.43 237.02
+ Q 1086.53 248.44 1084.68 262.27
+ Q 1084.60 262.81 1085.15 262.92
+ Q 1101.05 266.08 1115.40 273.37
+ Q 1126.86 279.20 1136.52 287.98
+ Z
+ M 1073.63 377.07
+ C 1065.43 373.50 1054.14 371.00 1045.56 373.70
+ C 1036.21 376.65 1034.76 386.75 1041.12 393.45
+ C 1049.24 402.01 1063.29 404.86 1074.52 403.71
+ C 1079.84 403.16 1085.54 400.75 1087.97 395.65
+ C 1092.06 387.06 1079.91 379.79 1073.63 377.07
+ Z"
+/>
+<path fill="#000000" d="
+ M 670.49 117.73
+ Q 679.01 141.38 663.29 159.86
+ Q 662.11 161.25 660.33 162.78
+ Q 658.60 164.28 657.19 165.49
+ Q 645.71 172.10 634.46 170.40
+ Q 615.95 167.60 605.73 151.30
+ Q 603.52 147.77 603.50 147.74
+ Q 597.13 138.03 588.04 131.28
+ C 565.17 114.30 534.33 108.78 507.57 120.27
+ C 486.41 129.36 469.80 147.89 459.49 168.55
+ Q 442.39 202.80 444.57 239.22
+ C 446.61 273.32 464.42 302.56 497.20 314.81
+ C 514.07 321.11 533.42 323.51 550.71 317.51
+ C 555.30 315.92 559.32 313.56 563.72 311.48
+ Q 573.53 306.85 583.93 309.37
+ C 596.32 312.37 605.79 318.94 610.26 331.07
+ Q 613.65 344.71 608.36 358.05
+ Q 604.93 366.70 598.49 372.59
+ Q 593.42 376.90 586.95 379.91
+ C 555.05 394.77 521.09 399.06 486.90 390.40
+ Q 460.73 383.76 437.67 369.33
+ Q 421.37 358.65 408.05 344.03
+ Q 407.72 343.66 407.25 343.50
+ Q 406.77 343.34 406.65 342.96
+ L 397.49 330.43
+ Q 397.25 330.11 396.87 329.99
+ Q 396.63 329.91 396.44 329.76
+ L 396.39 329.20
+ Q 396.35 328.71 396.08 328.29
+ C 356.28 267.04 364.87 184.97 400.56 124.26
+ C 427.78 77.96 473.59 44.13 527.76 41.31
+ Q 555.93 39.84 584.47 48.47
+ Q 637.50 64.49 666.53 110.54
+ C 668.00 112.87 669.11 115.31 670.49 117.73
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 338.69 190.80
+ Q 337.38 188.77 336.30 186.93
+ Q 329.54 175.43 317.00 172.38
+ Q 319.88 167.91 319.01 163.74
+ Q 317.77 157.82 312.21 154.07
+ Q 310.09 152.65 306.81 151.85
+ C 300.76 150.39 295.49 148.52 289.69 152.11
+ Q 285.19 154.88 281.56 158.90
+ C 277.68 163.20 277.87 167.27 277.87 172.67
+ Q 275.53 172.05 273.84 170.15
+ Q 263.86 158.94 249.92 155.02
+ Q 264.10 149.66 265.60 135.30
+ C 266.25 129.11 264.44 122.71 260.44 118.06
+ Q 251.00 107.11 237.05 111.46
+ Q 225.52 113.45 223.54 124.21
+ Q 219.69 132.59 223.12 141.42
+ Q 226.60 150.36 235.70 154.38
+ Q 230.77 155.76 226.64 158.13
+ C 214.51 165.13 204.74 172.98 198.06 185.35
+ C 193.08 194.59 188.74 204.43 187.90 214.78
+ C 187.17 223.82 190.01 233.44 197.51 238.96
+ Q 201.99 242.25 206.42 245.87
+ Q 209.71 248.55 214.44 250.92
+ Q 220.71 254.07 227.51 257.06
+ Q 215.29 254.12 203.48 251.63
+ Q 193.10 249.44 188.27 247.44
+ Q 180.84 244.36 174.44 239.62
+ C 164.39 232.62 154.95 225.56 146.82 216.43
+ Q 138.76 207.36 133.98 192.58
+ Q 131.09 182.02 130.56 171.25
+ C 130.02 160.41 129.69 148.85 131.17 138.57
+ C 132.97 126.09 136.82 114.76 141.27 103.03
+ Q 141.47 102.50 141.30 101.95
+ C 138.23 91.94 136.07 81.40 136.60 70.99
+ Q 137.05 62.35 142.85 57.85
+ C 153.57 49.54 170.19 52.21 180.71 58.85
+ Q 184.18 61.04 187.54 61.83
+ C 195.73 63.74 202.70 58.09 210.11 55.53
+ Q 227.20 49.62 242.90 49.56
+ Q 247.47 49.54 262.82 51.32
+ Q 275.70 52.81 288.82 58.56
+ Q 289.36 58.79 289.75 58.36
+ Q 294.77 52.75 303.76 51.87
+ Q 309.45 51.31 311.61 56.28
+ Q 313.94 61.64 314.30 67.20
+ Q 314.33 67.77 314.76 68.15
+ Q 322.31 75.03 329.86 82.70
+ Q 333.70 86.59 336.04 90.87
+ Q 340.24 98.55 343.90 106.43
+ Q 345.28 109.40 345.71 112.76
+ C 346.96 122.46 348.65 131.67 348.57 141.52
+ Q 348.52 146.59 347.27 153.41
+ Q 343.83 172.12 338.69 190.80
+ Z
+ M 153.42 93.67
+ L 178.33 72.91
+ A 0.29 0.29 0.0 0 0 178.36 72.51
+ L 178.09 72.18
+ A 23.45 16.45 50.2 0 0 150.45 64.70
+ L 150.37 64.76
+ A 23.45 16.45 50.2 0 0 152.74 93.31
+ L 153.01 93.63
+ A 0.29 0.29 0.0 0 0 153.42 93.67
+ Z
+ M 298.93 74.67
+ A 7.05 6.41 0.0 0 0 291.88 68.26
+ A 7.05 6.41 0.0 0 0 284.83 74.67
+ A 7.05 6.41 0.0 0 0 291.88 81.08
+ A 7.05 6.41 0.0 0 0 298.93 74.67
+ Z
+ M 227.8813 73.6779
+ A 8.33 5.13 -15.9 0 0 218.4646 71.0263
+ A 8.33 5.13 -15.9 0 0 211.8587 78.2421
+ A 8.33 5.13 -15.9 0 0 221.2754 80.8937
+ A 8.33 5.13 -15.9 0 0 227.8813 73.6779
+ Z
+ M 274.5000 90.1078
+ A 4.48 3.85 0.1 0 0 270.0267 86.2500
+ A 4.48 3.85 0.1 0 0 265.5400 90.0922
+ A 4.48 3.85 0.1 0 0 270.0133 93.9500
+ A 4.48 3.85 0.1 0 0 274.5000 90.1078
+ Z
+ M 178.7200 106.8000
+ A 3.83 3.17 90.0 0 0 181.8900 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 99.1400
+ A 3.83 3.17 90.0 0 0 175.5500 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 106.8000
+ Z
+ M 315.79 117.26
+ Q 309.12 119.09 307.00 126.19
+ Q 305.27 129.24 304.86 133.27
+ Q 303.99 141.76 308.19 148.48
+ C 311.60 153.93 318.00 157.61 324.55 156.71
+ C 333.09 155.53 338.83 148.02 340.07 139.82
+ C 341.43 130.86 337.72 121.17 329.47 117.06
+ Q 322.59 113.63 315.79 117.26
+ Z
+ M 156.5555 155.1664
+ A 8.97 6.41 71.1 0 0 159.7144 144.6037
+ A 8.97 6.41 71.1 0 0 150.7445 138.1936
+ A 8.97 6.41 71.1 0 0 147.5856 148.7563
+ A 8.97 6.41 71.1 0 0 156.5555 155.1664
+ Z
+ M 181.9534 158.2300
+ A 3.83 2.52 89.8 0 0 184.4600 154.3912
+ A 3.83 2.52 89.8 0 0 181.9266 150.5700
+ A 3.83 2.52 89.8 0 0 179.4200 154.4088
+ A 3.83 2.52 89.8 0 0 181.9534 158.2300
+ Z
+ M 165.21 199.40
+ A 5.13 5.13 0.0 0 0 160.08 194.27
+ A 5.13 5.13 0.0 0 0 154.95 199.40
+ A 5.13 5.13 0.0 0 0 160.08 204.53
+ A 5.13 5.13 0.0 0 0 165.21 199.40
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 153.42 93.67
+ A 0.29 0.29 0.0 0 1 153.01 93.63
+ L 152.74 93.31
+ A 23.45 16.45 50.2 0 1 150.37 64.76
+ L 150.45 64.70
+ A 23.45 16.45 50.2 0 1 178.09 72.18
+ L 178.36 72.51
+ A 0.29 0.29 0.0 0 1 178.33 72.91
+ L 153.42 93.67
+ Z"
+/>
+<ellipse fill="#000000" cx="291.88" cy="74.67" rx="7.05" ry="6.41"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(219.87,75.96) rotate(-15.9)" rx="8.33" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(270.02,90.10) rotate(0.1)" rx="4.48" ry="3.85"/>
+<path fill="#675600" d="
+ M 786.70 214.14
+ Q 789.31 228.33 795.58 242.20
+ Q 803.80 260.40 817.72 273.98
+ Q 816.95 288.52 813.14 301.98
+ Q 796.17 362.07 779.12 422.13
+ C 773.78 440.95 761.56 449.65 741.47 444.39
+ C 720.77 438.96 712.71 425.68 718.62 404.78
+ Q 734.10 350.07 749.72 295.01
+ Q 751.76 287.80 751.03 279.72
+ C 749.54 263.41 737.27 251.77 720.77 252.19
+ C 704.83 252.60 693.75 264.34 689.58 279.14
+ Q 673.78 335.18 658.41 389.07
+ C 654.24 403.69 644.95 413.22 628.83 411.59
+ C 613.33 410.16 597.41 402.39 597.01 384.75
+ Q 596.88 378.87 598.49 372.59
+ Q 604.93 366.70 608.36 358.05
+ Q 613.65 344.71 610.26 331.07
+ L 657.19 165.49
+ Q 658.60 164.28 660.33 162.78
+ Q 662.11 161.25 663.29 159.86
+ Q 679.01 141.38 670.49 117.73
+ Q 671.91 114.16 673.15 110.80
+ C 679.12 94.57 692.44 89.16 708.75 93.55
+ C 728.42 98.84 736.82 112.47 731.14 132.56
+ Q 719.33 174.34 707.00 217.77
+ Q 706.56 219.31 707.90 218.43
+ C 717.26 212.28 728.17 207.26 738.96 205.21
+ Q 763.59 200.54 786.70 214.14
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(178.72,102.97) rotate(90.0)" rx="3.83" ry="3.17"/>
+<path fill="#ad8f00" d="
+ M 918.03 285.21
+ C 916.90 285.94 915.59 285.96 914.49 286.48
+ Q 900.66 293.07 885.47 295.30
+ Q 881.69 295.86 878.05 296.37
+ Q 872.33 296.48 870.75 296.43
+ Q 840.34 295.49 817.72 273.98
+ Q 803.80 260.40 795.58 242.20
+ Q 789.31 228.33 786.70 214.14
+ C 779.50 175.83 792.27 134.33 829.83 117.52
+ Q 844.70 110.87 861.76 109.55
+ C 891.00 107.31 915.01 120.66 929.02 145.62
+ Q 936.75 159.39 939.77 173.49
+ C 943.87 192.64 928.16 197.50 913.95 201.53
+ Q 875.32 212.48 839.77 222.45
+ Q 839.26 222.59 839.41 223.11
+ C 843.89 238.82 857.17 247.47 873.12 248.98
+ Q 894.58 251.03 909.74 234.96
+ Q 914.74 229.68 919.80 224.01
+ Q 923.46 219.92 928.13 217.32
+ C 936.02 212.93 945.71 213.63 951.17 221.36
+ C 955.60 227.64 958.07 236.52 954.96 243.99
+ Q 943.86 270.71 918.46 284.41
+ Q 918.26 284.52 918.13 284.71
+ Q 917.93 285.03 918.03 285.21
+ Z
+ M 849.39 155.61
+ C 835.89 161.63 828.81 175.66 832.76 190.30
+ A 0.38 0.36 -14.6 0 0 833.22 190.56
+ L 888.07 175.09
+ A 0.38 0.37 74.2 0 0 888.33 174.62
+ C 883.28 156.77 866.74 147.87 849.39 155.61
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 249.92 155.02
+ Q 242.32 156.80 235.70 154.38
+ Q 226.60 150.36 223.12 141.42
+ Q 219.69 132.59 223.54 124.21
+ Q 223.70 131.02 227.83 134.92
+ C 238.71 145.19 256.46 133.75 250.20 119.52
+ Q 247.01 112.27 237.05 111.46
+ Q 251.00 107.11 260.44 118.06
+ C 264.44 122.71 266.25 129.11 265.60 135.30
+ Q 264.10 149.66 249.92 155.02
+ Z"
+/>
+<path fill="#000000" d="
+ M 237.05 111.46
+ Q 247.01 112.27 250.20 119.52
+ C 256.46 133.75 238.71 145.19 227.83 134.92
+ Q 223.70 131.02 223.54 124.21
+ Q 225.52 113.45 237.05 111.46
+ Z"
+/>
+<path fill="#272727" d="
+ M 657.19 165.49
+ L 610.26 331.07
+ C 605.79 318.94 596.32 312.37 583.93 309.37
+ Q 573.53 306.85 563.72 311.48
+ C 559.32 313.56 555.30 315.92 550.71 317.51
+ C 533.42 323.51 514.07 321.11 497.20 314.81
+ C 464.42 302.56 446.61 273.32 444.57 239.22
+ Q 442.39 202.80 459.49 168.55
+ C 469.80 147.89 486.41 129.36 507.57 120.27
+ C 534.33 108.78 565.17 114.30 588.04 131.28
+ Q 597.13 138.03 603.50 147.74
+ Q 603.52 147.77 605.73 151.30
+ Q 615.95 167.60 634.46 170.40
+ Q 645.71 172.10 657.19 165.49
+ Z
+ M 598.94 154.55
+ C 587.28 134.71 564.15 123.18 541.00 121.81
+ C 509.10 119.91 483.72 140.47 468.92 166.91
+ Q 451.82 197.45 451.79 232.04
+ C 451.77 262.79 465.47 292.79 494.79 305.74
+ C 511.20 312.99 532.36 316.74 549.35 309.94
+ C 556.63 307.02 562.86 302.71 571.44 301.37
+ C 584.00 299.40 597.82 304.90 607.19 312.92
+ A 0.30 0.30 0.0 0 0 607.68 312.77
+ L 645.90 177.93
+ A 0.24 0.24 0.0 0 0 645.63 177.63
+ C 626.60 180.44 608.42 170.69 598.94 154.55
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 307.00 126.19
+ Q 306.10 133.15 309.99 137.49
+ C 316.27 144.47 325.70 139.75 327.21 131.67
+ C 328.65 123.98 324.03 117.20 315.79 117.26
+ Q 322.59 113.63 329.47 117.06
+ C 337.72 121.17 341.43 130.86 340.07 139.82
+ C 338.83 148.02 333.09 155.53 324.55 156.71
+ C 318.00 157.61 311.60 153.93 308.19 148.48
+ Q 303.99 141.76 304.86 133.27
+ Q 305.27 129.24 307.00 126.19
+ Z"
+/>
+<path fill="#000000" d="
+ M 307.00 126.19
+ Q 309.12 119.09 315.79 117.26
+ C 324.03 117.20 328.65 123.98 327.21 131.67
+ C 325.70 139.75 316.27 144.47 309.99 137.49
+ Q 306.10 133.15 307.00 126.19
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(153.65,146.68) rotate(71.1)" rx="8.97" ry="6.41"/>
+<path fill="#272727" d="
+ M 317.00 172.38
+ C 311.31 178.31 304.05 183.66 295.37 183.12
+ C 291.29 182.87 286.11 179.91 281.92 178.08
+ Q 277.83 176.29 277.87 172.67
+ C 277.87 167.27 277.68 163.20 281.56 158.90
+ Q 285.19 154.88 289.69 152.11
+ C 295.49 148.52 300.76 150.39 306.81 151.85
+ Q 310.09 152.65 312.21 154.07
+ Q 317.77 157.82 319.01 163.74
+ Q 319.88 167.91 317.00 172.38
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(181.94,154.40) rotate(89.8)" rx="3.83" ry="2.52"/>
+<path fill="#272727" d="
+ M 832.76 190.30
+ C 828.81 175.66 835.89 161.63 849.39 155.61
+ C 866.74 147.87 883.28 156.77 888.33 174.62
+ A 0.38 0.37 74.2 0 1 888.07 175.09
+ L 833.22 190.56
+ A 0.38 0.36 -14.6 0 1 832.76 190.30
+ Z
+ M 878.12 169.75
+ C 873.12 161.28 863.38 158.20 854.35 161.66
+ Q 840.98 166.78 839.03 180.58
+ A 0.37 0.37 0.0 0 0 839.50 180.99
+ L 877.96 170.14
+ Q 878.29 170.04 878.12 169.75
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 235.70 154.38
+ Q 242.32 156.80 249.92 155.02
+ Q 263.86 158.94 273.84 170.15
+ Q 275.53 172.05 277.87 172.67
+ Q 277.83 176.29 281.92 178.08
+ C 286.11 179.91 291.29 182.87 295.37 183.12
+ C 304.05 183.66 311.31 178.31 317.00 172.38
+ Q 329.54 175.43 336.30 186.93
+ Q 337.38 188.77 338.69 190.80
+ Q 346.40 208.24 340.69 227.74
+ Q 337.94 237.16 331.52 243.28
+ Q 321.27 253.06 308.49 259.33
+ Q 298.19 264.13 287.32 267.54
+ Q 283.15 268.85 278.99 268.85
+ Q 261.72 268.84 245.26 263.24
+ Q 235.99 260.08 227.51 257.06
+ Q 220.71 254.07 214.44 250.92
+ Q 209.71 248.55 206.42 245.87
+ Q 201.99 242.25 197.51 238.96
+ C 190.01 233.44 187.17 223.82 187.90 214.78
+ C 188.74 204.43 193.08 194.59 198.06 185.35
+ C 204.74 172.98 214.51 165.13 226.64 158.13
+ Q 230.77 155.76 235.70 154.38
+ Z"
+/>
+<path fill="#9a111d" d="
+ M 133.98 192.58
+ Q 138.76 207.36 146.82 216.43
+ C 154.95 225.56 164.39 232.62 174.44 239.62
+ L 171.18 238.91
+ Q 170.70 238.80 170.25 238.98
+ Q 169.13 239.41 167.96 239.69
+ Q 166.73 239.99 165.68 240.50
+ Q 162.73 241.93 159.78 243.47
+ C 157.13 244.84 155.94 248.12 154.01 250.29
+ C 151.74 252.85 149.82 256.39 148.74 259.54
+ Q 146.67 265.58 146.55 259.20
+ C 146.51 256.91 147.03 251.91 145.33 250.13
+ A 1.51 1.50 -26.0 0 0 144.01 249.68
+ Q 140.77 250.14 137.50 251.94
+ Q 137.00 252.21 136.92 252.76
+ Q 136.58 255.11 134.24 255.40
+ C 131.95 255.68 129.84 256.43 127.48 256.49
+ Q 115.28 256.83 104.86 261.90
+ Q 101.72 263.43 103.95 260.73
+ Q 107.42 256.53 111.53 252.78
+ Q 112.35 252.03 113.27 251.60
+ C 114.91 250.83 116.16 249.87 117.93 249.29
+ Q 123.62 247.41 128.61 244.89
+ Q 131.89 243.23 136.64 243.01
+ Q 137.09 242.99 137.04 242.54
+ L 137.01 242.28
+ A 0.61 0.61 0.0 0 0 136.43 241.74
+ Q 129.76 241.55 123.04 241.88
+ Q 122.24 241.92 121.46 241.73
+ Q 119.16 241.17 120.68 240.00
+ Q 107.21 235.31 104.12 223.37
+ Q 103.43 220.70 103.74 217.43
+ Q 103.98 214.87 103.57 212.00
+ Q 103.02 208.16 103.41 202.01
+ Q 104.12 190.96 107.27 181.69
+ C 108.30 178.67 109.68 175.68 110.08 172.51
+ Q 110.30 170.75 111.39 169.23
+ A 0.57 0.57 0.0 0 1 112.32 169.24
+ C 112.88 170.05 113.61 170.84 114.01 171.73
+ C 115.86 175.88 117.21 180.19 120.26 183.69
+ Q 125.72 189.94 133.98 192.58
+ Z"
+/>
+<circle fill="#000000" cx="160.08" cy="199.40" r="5.13"/>
+<path fill="#e6cc4f" d="
+ M 1142.79 384.23
+ L 1136.52 287.98
+ Q 1134.45 256.27 1132.45 225.00
+ Q 1132.33 223.24 1132.52 221.18
+ Q 1134.24 202.14 1152.05 199.02
+ C 1170.72 195.75 1183.69 203.87 1184.98 223.25
+ Q 1187.48 260.95 1189.92 298.29
+ Q 1189.99 299.32 1190.63 298.51
+ C 1195.46 292.43 1200.55 287.02 1206.75 282.35
+ C 1221.05 271.55 1239.52 268.69 1256.61 273.76
+ C 1283.92 281.86 1296.54 306.96 1298.35 334.07
+ Q 1301.93 387.57 1305.44 441.21
+ C 1306.20 452.89 1302.27 463.15 1290.49 467.07
+ C 1279.28 470.80 1262.41 470.46 1255.96 458.20
+ Q 1252.76 452.12 1252.35 445.82
+ Q 1248.95 394.18 1245.79 346.92
+ Q 1245.33 339.95 1241.62 333.05
+ C 1235.01 320.73 1220.19 316.06 1207.71 322.88
+ C 1196.43 329.04 1192.67 340.57 1193.51 353.14
+ Q 1196.73 401.36 1199.76 448.09
+ C 1200.51 459.71 1196.94 470.06 1184.98 474.00
+ C 1174.30 477.51 1160.29 477.47 1152.54 467.95
+ Q 1148.37 462.85 1147.71 453.73
+ Q 1145.20 419.22 1142.79 384.23
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 174.44 239.62
+ Q 180.84 244.36 188.27 247.44
+ Q 193.10 249.44 203.48 251.63
+ Q 215.29 254.12 227.51 257.06
+ Q 235.99 260.08 245.26 263.24
+ Q 261.72 268.84 278.99 268.85
+ Q 283.15 268.85 287.32 267.54
+ Q 298.19 264.13 308.49 259.33
+ C 312.90 268.31 306.32 281.11 302.51 289.27
+ Q 302.25 289.83 302.81 290.09
+ Q 304.00 290.66 305.08 291.37
+ C 310.04 294.68 306.85 300.25 303.87 303.45
+ C 298.49 309.20 292.76 314.27 286.09 316.14
+ Q 283.80 316.78 283.01 317.11
+ C 278.93 317.77 274.80 318.48 270.68 318.56
+ Q 260.22 318.76 249.92 318.90
+ C 244.63 318.96 239.16 318.47 234.25 317.22
+ Q 223.39 314.47 212.04 311.43
+ Q 209.54 310.77 203.96 307.46
+ Q 195.21 301.06 187.53 292.94
+ C 186.44 291.78 185.07 290.80 183.97 289.61
+ Q 182.89 288.45 180.84 287.84
+ Q 176.97 286.69 173.33 286.09
+ Q 163.57 283.97 160.81 282.44
+ Q 156.29 279.95 152.09 277.42
+ C 149.82 276.06 149.09 269.15 148.58 266.47
+ A 1.09 1.09 0.0 0 0 146.75 265.89
+ C 145.75 266.86 144.93 267.58 143.62 268.11
+ C 133.50 272.20 126.45 279.12 118.87 286.63
+ C 113.69 291.76 105.94 296.02 98.40 295.85
+ Q 86.29 295.59 75.97 289.61
+ Q 65.82 283.73 58.43 280.80
+ Q 57.53 280.45 58.50 280.35
+ C 60.73 280.13 63.88 279.40 65.52 277.71
+ Q 71.36 271.65 75.13 263.37
+ C 77.74 257.62 81.29 250.99 87.38 248.31
+ Q 90.04 247.13 92.63 245.55
+ Q 98.04 242.24 101.99 241.95
+ Q 110.48 241.30 120.68 240.00
+ Q 119.16 241.17 121.46 241.73
+ Q 122.24 241.92 123.04 241.88
+ Q 129.76 241.55 136.43 241.74
+ A 0.61 0.61 0.0 0 1 137.01 242.28
+ L 137.04 242.54
+ Q 137.09 242.99 136.64 243.01
+ Q 131.89 243.23 128.61 244.89
+ Q 123.62 247.41 117.93 249.29
+ C 116.16 249.87 114.91 250.83 113.27 251.60
+ Q 112.35 252.03 111.53 252.78
+ Q 107.42 256.53 103.95 260.73
+ Q 101.72 263.43 104.86 261.90
+ Q 115.28 256.83 127.48 256.49
+ C 129.84 256.43 131.95 255.68 134.24 255.40
+ Q 136.58 255.11 136.92 252.76
+ Q 137.00 252.21 137.50 251.94
+ Q 140.77 250.14 144.01 249.68
+ A 1.51 1.50 -26.0 0 1 145.33 250.13
+ C 147.03 251.91 146.51 256.91 146.55 259.20
+ Q 146.67 265.58 148.74 259.54
+ C 149.82 256.39 151.74 252.85 154.01 250.29
+ C 155.94 248.12 157.13 244.84 159.78 243.47
+ Q 162.73 241.93 165.68 240.50
+ Q 166.73 239.99 167.96 239.69
+ Q 169.13 239.41 170.25 238.98
+ Q 170.70 238.80 171.18 238.91
+ L 174.44 239.62
+ Z"
+/>
+<path fill="#dba200" d="
+ M 918.03 285.21
+ C 934.78 285.69 952.34 291.36 966.37 300.81
+ C 984.35 312.92 994.66 331.25 996.13 353.26
+ Q 996.35 356.52 996.13 358.22
+ Q 985.92 373.24 987.18 391.24
+ Q 987.40 394.43 987.76 397.42
+ C 980.29 408.21 967.26 405.08 956.70 402.13
+ Q 918.12 391.36 880.08 380.47
+ Q 879.43 380.29 879.26 380.94
+ C 875.55 395.36 880.46 408.35 891.48 418.04
+ Q 909.69 434.05 933.13 427.75
+ Q 941.38 425.53 948.58 423.42
+ C 959.95 420.09 973.36 423.95 975.35 436.89
+ C 976.46 444.10 973.46 454.21 967.39 458.71
+ C 943.90 476.14 914.79 478.61 887.68 469.23
+ Q 844.25 454.19 833.61 410.19
+ Q 829.92 394.92 831.72 377.29
+ C 835.04 344.76 850.44 314.16 878.05 296.37
+ Q 881.69 295.86 885.47 295.30
+ Q 900.66 293.07 914.49 286.48
+ C 915.59 285.96 916.90 285.94 918.03 285.21
+ Z
+ M 891.35 349.92
+ L 946.33 365.48
+ A 0.24 0.24 0.0 0 0 946.62 365.31
+ L 946.93 364.23
+ A 28.25 28.19 -74.2 0 0 927.50 329.37
+ L 926.31 329.03
+ A 28.25 28.19 -74.2 0 0 891.49 348.54
+ L 891.18 349.63
+ A 0.24 0.24 0.0 0 0 891.35 349.92
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 173.33 286.09
+ Q 176.97 286.69 180.84 287.84
+ Q 182.89 288.45 183.97 289.61
+ C 185.07 290.80 186.44 291.78 187.53 292.94
+ Q 195.21 301.06 203.96 307.46
+ Q 201.50 321.01 201.19 325.25
+ Q 200.35 336.58 199.18 348.46
+ Q 198.40 356.33 196.35 365.83
+ Q 194.11 376.23 193.16 385.39
+ Q 192.11 395.58 190.44 404.27
+ Q 188.81 412.80 187.68 420.64
+ Q 186.25 430.58 185.93 438.85
+ Q 185.57 448.08 186.95 479.73
+ C 187.26 486.66 189.98 492.87 193.36 498.78
+ Q 195.38 502.31 196.49 505.83
+ Q 198.62 512.55 204.58 521.05
+ Q 205.95 523.00 208.25 524.39
+ Q 220.36 531.73 232.56 538.68
+ C 236.91 541.15 241.40 542.95 246.16 544.56
+ C 254.78 547.49 263.73 547.02 272.81 547.08
+ Q 276.89 547.11 280.65 545.84
+ Q 290.40 542.57 298.76 536.51
+ Q 307.86 529.92 311.03 526.78
+ Q 315.40 522.45 319.87 513.50
+ Q 319.80 524.64 316.18 534.41
+ Q 314.84 538.00 314.49 540.95
+ Q 308.45 590.89 300.45 640.56
+ C 299.36 647.33 298.04 653.80 296.64 660.40
+ Q 296.52 660.96 296.92 661.38
+ L 309.26 674.37
+ A 9.00 8.88 -4.2 0 0 310.74 675.63
+ Q 322.58 683.83 335.76 692.29
+ Q 363.83 710.29 394.39 721.21
+ Q 404.97 724.99 413.07 728.34
+ C 443.39 740.92 476.16 750.02 508.21 756.54
+ Q 518.63 758.66 527.48 760.84
+ C 553.69 767.30 579.65 772.94 608.49 777.84
+ Q 653.29 785.44 700.09 792.12
+ Q 720.06 794.97 742.00 797.28
+ Q 816.48 805.12 888.53 811.15
+ Q 897.64 811.91 907.93 812.30
+ Q 942.93 813.62 978.64 812.80
+ Q 988.90 812.56 998.42 811.30
+ Q 1020.92 808.31 1041.56 803.72
+ C 1066.62 798.14 1089.83 789.24 1111.04 774.92
+ Q 1116.55 771.20 1120.94 766.11
+ C 1144.20 739.17 1156.40 707.64 1153.31 671.82
+ Q 1152.80 666.00 1150.73 658.58
+ Q 1145.52 639.98 1143.52 619.81
+ C 1143.22 616.78 1143.30 613.76 1142.95 610.71
+ Q 1142.69 609.92 1143.31 609.94
+ Q 1143.67 615.31 1145.08 626.24
+ Q 1145.44 629.05 1146.32 631.65
+ Q 1146.49 632.15 1146.61 631.63
+ Q 1151.51 610.57 1159.03 596.80
+ C 1174.68 568.16 1204.36 556.79 1235.97 565.44
+ Q 1237.93 565.97 1239.43 567.45
+ C 1258.28 585.87 1274.67 607.37 1282.81 632.15
+ Q 1282.98 632.65 1283.47 632.46
+ Q 1283.65 632.39 1283.63 632.20
+ Q 1283.61 632.06 1283.53 631.95
+ Q 1283.46 631.84 1283.47 631.71
+ L 1287.46 595.81
+ C 1287.70 597.70 1287.93 599.61 1287.74 601.50
+ Q 1286.62 612.55 1285.25 624.64
+ Q 1282.54 648.75 1275.56 669.04
+ C 1271.36 681.26 1266.75 694.78 1260.23 705.61
+ C 1245.13 730.73 1222.52 750.83 1197.98 767.82
+ C 1187.13 775.32 1176.28 783.09 1164.91 789.14
+ C 1133.34 805.96 1098.40 817.35 1063.56 823.07
+ Q 1056.41 824.24 1048.50 826.32
+ Q 1029.74 831.25 1009.00 833.06
+ C 975.35 836.01 941.80 834.88 907.99 833.45
+ Q 898.20 833.04 888.09 831.89
+ Q 852.83 827.89 814.04 824.68
+ Q 793.04 822.94 768.04 820.15
+ C 723.35 815.17 673.27 805.06 624.78 797.93
+ Q 576.36 790.81 528.18 778.48
+ Q 518.81 776.08 508.83 773.45
+ Q 473.61 764.15 438.84 751.89
+ Q 406.21 740.39 376.17 727.90
+ Q 344.74 714.83 314.70 694.78
+ Q 305.55 688.68 294.54 680.10
+ Q 294.04 679.71 293.80 680.29
+ L 291.54 685.60
+ Q 290.00 688.28 288.19 690.54
+ C 287.31 691.63 287.00 692.83 286.80 694.16
+ Q 286.64 695.23 286.33 694.19
+ Q 286.21 693.78 286.10 693.38
+ Q 285.89 692.69 285.28 693.07
+ C 279.72 696.59 275.18 695.45 269.22 695.13
+ Q 264.21 694.85 261.73 693.70
+ Q 256.46 691.23 258.96 683.82
+ Q 259.89 681.07 260.75 678.54
+ Q 267.32 669.81 268.60 661.74
+ Q 269.71 655.69 270.82 650.44
+ Q 271.35 647.93 271.51 645.50
+ Q 271.68 642.92 271.83 640.51
+ Q 272.67 632.41 272.72 621.74
+ Q 272.92 584.84 271.24 552.53
+ Q 271.21 552.02 270.71 552.11
+ Q 261.08 553.76 250.08 553.65
+ L 233.20 551.29
+ Q 232.72 551.22 232.37 551.53
+ L 232.03 551.83
+ Q 228.75 550.69 225.21 550.69
+ Q 224.65 550.69 224.22 551.02
+ Q 203.45 566.96 187.55 589.47
+ Q 183.86 594.70 182.60 599.38
+ C 179.46 611.16 184.04 624.21 191.56 633.43
+ Q 195.41 638.15 198.72 642.70
+ Q 203.45 649.19 214.25 657.20
+ C 223.11 663.78 232.16 670.00 239.88 677.92
+ Q 240.24 678.27 240.31 678.77
+ L 240.83 682.43
+ Q 241.80 692.24 239.94 700.50
+ Q 239.36 703.07 238.07 706.87
+ Q 236.21 711.80 233.18 715.33
+ Q 227.90 713.07 225.25 713.03
+ Q 221.20 712.96 217.05 713.03
+ Q 216.55 713.04 216.16 713.36
+ Q 213.51 715.55 210.94 719.78
+ Q 212.58 705.06 211.70 698.00
+ C 210.78 690.66 208.46 684.22 202.71 680.07
+ Q 202.32 679.79 201.81 679.91
+ Q 201.93 679.87 201.99 679.69
+ A 0.28 0.28 0.0 0 0 201.87 679.35
+ C 197.22 676.38 192.16 674.58 187.29 672.02
+ C 164.22 659.93 139.44 638.99 141.55 609.91
+ C 142.63 595.04 150.41 579.98 158.98 567.82
+ Q 161.84 563.77 163.67 559.28
+ Q 167.75 549.28 170.78 539.14
+ Q 171.03 538.30 170.83 537.46
+ Q 168.34 527.35 165.74 518.05
+ Q 164.32 512.96 161.73 507.98
+ Q 156.86 498.61 152.14 489.06
+ A 0.41 0.40 57.2 0 0 151.52 488.92
+ Q 149.19 490.81 148.04 493.59
+ Q 145.24 500.36 142.13 510.23
+ C 141.46 512.36 140.73 514.50 139.41 516.34
+ C 128.50 531.60 112.65 538.76 95.90 545.67
+ Q 86.69 549.46 79.48 550.60
+ C 66.16 552.69 52.87 549.97 39.84 547.45
+ C 28.96 545.34 19.09 537.05 13.09 527.08
+ C 5.50 514.46 5.47 500.31 14.97 488.47
+ Q 20.41 495.90 29.92 493.35
+ C 35.08 491.97 38.69 487.33 35.10 482.09
+ L 42.05 483.14
+ Q 40.11 486.59 40.25 491.36
+ C 40.33 494.40 41.66 497.69 44.21 499.37
+ Q 49.49 502.84 56.15 503.57
+ Q 62.40 504.25 65.98 503.38
+ Q 76.71 500.78 83.01 496.59
+ Q 90.37 491.70 86.97 483.16
+ Q 87.92 482.73 88.56 481.70
+ Q 88.83 481.27 88.74 480.76
+ C 86.62 469.39 79.69 460.52 71.96 452.26
+ Q 69.03 449.14 65.99 446.61
+ C 52.80 435.68 50.55 413.91 59.07 399.17
+ C 63.26 391.92 71.35 385.59 78.72 381.00
+ Q 86.77 375.99 94.87 370.39
+ Q 99.10 367.47 105.53 361.51
+ C 112.98 354.61 121.53 348.32 129.92 342.08
+ C 139.69 334.80 146.81 326.94 151.04 316.09
+ Q 152.74 311.72 154.94 308.24
+ C 160.26 299.84 165.52 292.45 173.33 286.09
+ Z
+ M 176.7967 316.3900
+ A 3.84 2.53 89.9 0 0 179.3200 312.5456
+ A 3.84 2.53 89.9 0 0 176.7833 308.7100
+ A 3.84 2.53 89.9 0 0 174.2600 312.5544
+ A 3.84 2.53 89.9 0 0 176.7967 316.3900
+ Z
+ M 146.5923 353.6700
+ A 7.05 5.77 89.9 0 0 152.3500 346.6099
+ A 7.05 5.77 89.9 0 0 146.5677 339.5700
+ A 7.05 5.77 89.9 0 0 140.8100 346.6301
+ A 7.05 5.77 89.9 0 0 146.5923 353.6700
+ Z
+ M 180.0100 363.9600
+ A 4.47 3.17 90.0 0 0 183.1800 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 355.0200
+ A 4.47 3.17 90.0 0 0 176.8400 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 363.9600
+ Z
+ M 119.12 422.41
+ Q 135.76 429.60 148.07 443.68
+ Q 148.91 444.64 148.92 443.37
+ Q 148.97 435.47 150.46 428.45
+ Q 151.34 424.30 153.69 417.97
+ Q 159.99 400.99 164.45 387.26
+ Q 169.32 372.22 167.30 357.62
+ A 0.68 0.68 0.0 0 0 166.21 357.17
+ C 159.47 362.32 153.52 367.25 145.32 370.89
+ Q 137.03 374.57 127.86 378.41
+ C 117.93 382.57 109.16 387.92 104.13 397.54
+ C 102.00 401.63 100.99 408.32 104.31 412.19
+ C 108.10 416.60 113.74 420.08 119.12 422.41
+ Z
+ M 180.6500 392.2400
+ A 6.40 5.13 90.0 0 0 185.7800 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 379.4400
+ A 6.40 5.13 90.0 0 0 175.5200 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 392.2400
+ Z
+ M 88.04 398.70
+ A 3.82 3.82 0.0 0 0 84.22 394.88
+ A 3.82 3.82 0.0 0 0 80.40 398.70
+ A 3.82 3.82 0.0 0 0 84.22 402.52
+ A 3.82 3.82 0.0 0 0 88.04 398.70
+ Z
+ M 108.0000 444.9600
+ A 6.40 4.49 90.0 0 0 112.4900 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 432.1600
+ A 6.40 4.49 90.0 0 0 103.5100 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 444.9600
+ Z
+ M 158.8805 441.9940
+ A 4.47 3.17 114.3 0 0 163.6091 439.2245
+ A 4.47 3.17 114.3 0 0 162.5595 433.8460
+ A 4.47 3.17 114.3 0 0 157.8309 436.6155
+ A 4.47 3.17 114.3 0 0 158.8805 441.9940
+ Z
+ M 123.4400 482.2600
+ A 5.77 4.49 90.0 0 0 127.9300 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 470.7200
+ A 5.77 4.49 90.0 0 0 118.9500 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 482.2600
+ Z
+ M 168.4277 500.2500
+ A 7.05 5.77 90.1 0 0 174.2100 493.2101
+ A 7.05 5.77 90.1 0 0 168.4523 486.1500
+ A 7.05 5.77 90.1 0 0 162.6700 493.1899
+ A 7.05 5.77 90.1 0 0 168.4277 500.2500
+ Z
+ M 36.6934 503.6706
+ A 10.25 7.69 -22.3 0 0 24.2920 500.4451
+ A 10.25 7.69 -22.3 0 0 17.7266 511.4494
+ A 10.25 7.69 -22.3 0 0 30.1280 514.6749
+ A 10.25 7.69 -22.3 0 0 36.6934 503.6706
+ Z
+ M 109.8178 524.4051
+ A 10.89 8.34 129.4 0 0 123.1746 521.2837
+ A 10.89 8.34 129.4 0 0 123.6422 507.5749
+ A 10.89 8.34 129.4 0 0 110.2854 510.6963
+ A 10.89 8.34 129.4 0 0 109.8178 524.4051
+ Z
+ M 65.6329 538.1020
+ A 8.97 5.13 20.3 0 0 58.9998 530.1786
+ A 8.97 5.13 20.3 0 0 48.8071 531.8780
+ A 8.97 5.13 20.3 0 0 55.4402 539.8014
+ A 8.97 5.13 20.3 0 0 65.6329 538.1020
+ Z
+ M 193.5100 542.6900
+ A 5.13 3.84 90.0 0 0 197.3500 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 532.4300
+ A 5.13 3.84 90.0 0 0 189.6700 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 542.6900
+ Z
+ M 294.4232 574.8299
+ A 5.12 4.49 90.3 0 0 298.9399 569.7335
+ A 5.12 4.49 90.3 0 0 294.4768 564.5901
+ A 5.12 4.49 90.3 0 0 289.9601 569.6865
+ A 5.12 4.49 90.3 0 0 294.4232 574.8299
+ Z
+ M 157.8726 614.5204
+ A 7.68 4.49 101.7 0 0 163.8267 607.9105
+ A 7.68 4.49 101.7 0 0 160.9874 599.4796
+ A 7.68 4.49 101.7 0 0 155.0333 606.0895
+ A 7.68 4.49 101.7 0 0 157.8726 614.5204
+ Z
+ M 282.3822 635.2489
+ A 10.90 6.41 89.2 0 0 288.6394 624.2605
+ A 10.90 6.41 89.2 0 0 282.0778 613.4511
+ A 10.90 6.41 89.2 0 0 275.8206 624.4395
+ A 10.90 6.41 89.2 0 0 282.3822 635.2489
+ Z
+ M 173.5979 646.8300
+ A 5.12 4.49 89.8 0 0 178.0700 641.6943
+ A 5.12 4.49 89.8 0 0 173.5621 636.5900
+ A 5.12 4.49 89.8 0 0 169.0900 641.7257
+ A 5.12 4.49 89.8 0 0 173.5979 646.8300
+ Z
+ M 283.4787 685.4099
+ A 4.48 3.83 90.4 0 0 287.3399 680.9567
+ A 4.48 3.83 90.4 0 0 283.5413 676.4501
+ A 4.48 3.83 90.4 0 0 279.6801 680.9033
+ A 4.48 3.83 90.4 0 0 283.4787 685.4099
+ Z
+ M 228.2200 690.5778
+ A 4.49 3.84 0.1 0 0 223.7367 686.7300
+ A 4.49 3.84 0.1 0 0 219.2400 690.5622
+ A 4.49 3.84 0.1 0 0 223.7233 694.4100
+ A 4.49 3.84 0.1 0 0 228.2200 690.5778
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 203.96 307.46
+ Q 209.54 310.77 212.04 311.43
+ Q 223.39 314.47 234.25 317.22
+ C 239.16 318.47 244.63 318.96 249.92 318.90
+ Q 260.22 318.76 270.68 318.56
+ C 274.80 318.48 278.93 317.77 283.01 317.11
+ Q 283.35 317.69 283.33 317.37
+ Q 283.14 318.02 283.20 318.49
+ Q 283.74 323.17 284.34 327.83
+ Q 284.87 331.91 284.91 337.21
+ Q 284.95 343.54 285.60 349.89
+ Q 285.74 355.81 285.71 362.00
+ Q 285.64 376.25 292.61 388.16
+ C 294.76 391.84 296.98 395.27 298.84 399.08
+ Q 308.01 417.90 313.80 440.05
+ Q 317.68 454.88 318.84 468.04
+ C 319.16 471.57 318.92 476.16 319.27 480.27
+ Q 320.27 491.99 320.45 503.75
+ Q 320.53 509.06 319.87 513.50
+ Q 315.40 522.45 311.03 526.78
+ Q 307.86 529.92 298.76 536.51
+ Q 290.40 542.57 280.65 545.84
+ Q 276.89 547.11 272.81 547.08
+ C 263.73 547.02 254.78 547.49 246.16 544.56
+ C 241.40 542.95 236.91 541.15 232.56 538.68
+ Q 220.36 531.73 208.25 524.39
+ Q 205.95 523.00 204.58 521.05
+ Q 198.62 512.55 196.49 505.83
+ Q 195.38 502.31 193.36 498.78
+ C 189.98 492.87 187.26 486.66 186.95 479.73
+ Q 185.57 448.08 185.93 438.85
+ Q 186.25 430.58 187.68 420.64
+ Q 188.81 412.80 190.44 404.27
+ Q 192.11 395.58 193.16 385.39
+ Q 194.11 376.23 196.35 365.83
+ Q 198.40 356.33 199.18 348.46
+ Q 200.35 336.58 201.19 325.25
+ Q 201.50 321.01 203.96 307.46
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(176.79,312.55) rotate(89.9)" rx="3.84" ry="2.53"/>
+<path fill="#f6e034" d="
+ M 283.33 317.37
+ Q 288.57 320.46 290.90 321.11
+ Q 311.84 326.91 324.15 329.46
+ C 333.45 331.39 343.53 332.75 352.99 331.40
+ Q 361.92 330.12 371.23 328.82
+ Q 384.02 327.02 396.44 329.76
+ Q 396.63 329.91 396.87 329.99
+ Q 397.25 330.11 397.49 330.43
+ L 406.65 342.96
+ C 406.31 344.51 406.08 346.08 405.10 347.38
+ C 391.24 365.89 375.83 388.07 374.04 411.35
+ Q 373.55 417.67 373.45 423.89
+ Q 373.26 435.93 377.81 447.71
+ Q 378.09 448.44 378.58 448.97
+ Q 378.48 449.23 378.58 449.46
+ Q 384.60 463.84 396.01 472.74
+ Q 398.86 474.96 401.67 477.31
+ C 408.83 483.28 418.06 486.71 427.25 487.59
+ Q 435.74 488.41 443.79 487.40
+ C 447.11 486.71 454.62 484.60 457.29 486.76
+ C 464.64 492.71 465.90 502.74 463.20 511.24
+ Q 459.10 524.15 452.70 532.71
+ Q 447.00 540.33 441.95 546.94
+ Q 432.66 556.61 423.96 561.98
+ Q 399.15 577.30 370.30 566.48
+ Q 361.88 564.57 355.09 559.67
+ Q 340.65 549.26 335.22 531.74
+ Q 333.69 526.82 333.55 519.91
+ Q 333.19 501.72 333.44 489.42
+ Q 333.73 475.25 335.44 458.35
+ C 337.39 439.00 341.08 420.82 347.66 404.00
+ C 349.51 399.27 350.89 394.26 353.08 389.62
+ Q 356.76 381.80 362.35 372.99
+ C 364.79 369.14 367.35 362.68 363.27 359.06
+ Q 361.80 357.75 359.38 357.83
+ Q 340.57 358.44 320.02 354.67
+ Q 306.79 352.25 294.30 349.42
+ C 291.43 348.77 287.95 346.87 285.60 349.89
+ Q 284.95 343.54 284.91 337.21
+ Q 284.87 331.91 284.34 327.83
+ Q 283.74 323.17 283.20 318.49
+ Q 283.14 318.02 283.33 317.37
+ Z
+ M 304.0900 347.2500
+ A 5.77 5.13 90.0 0 0 309.2200 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 335.7100
+ A 5.77 5.13 90.0 0 0 298.9600 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 347.2500
+ Z
+ M 359.3910 352.3600
+ A 3.16 2.54 89.8 0 0 361.9200 349.1911
+ A 3.16 2.54 89.8 0 0 359.3690 346.0400
+ A 3.16 2.54 89.8 0 0 356.8400 349.2089
+ A 3.16 2.54 89.8 0 0 359.3910 352.3600
+ Z
+ M 353.5799 438.5199
+ A 3.83 3.16 90.3 0 0 356.7600 434.7065
+ A 3.83 3.16 90.3 0 0 353.6201 430.8601
+ A 3.83 3.16 90.3 0 0 350.4400 434.6735
+ A 3.83 3.16 90.3 0 0 353.5799 438.5199
+ Z
+ M 353.6785 491.4037
+ A 11.54 4.49 72.3 0 0 354.4475 479.0449
+ A 11.54 4.49 72.3 0 0 346.6615 469.4163
+ A 11.54 4.49 72.3 0 0 345.8925 481.7751
+ A 11.54 4.49 72.3 0 0 353.6785 491.4037
+ Z
+ M 387.65 498.34
+ A 4.48 4.48 0.0 0 0 383.17 493.86
+ A 4.48 4.48 0.0 0 0 378.69 498.34
+ A 4.48 4.48 0.0 0 0 383.17 502.82
+ A 4.48 4.48 0.0 0 0 387.65 498.34
+ Z
+ M 395.2258 544.0332
+ A 17.41 11.13 17.7 0 0 382.0239 528.1369
+ A 17.41 11.13 17.7 0 0 362.0542 533.4468
+ A 17.41 11.13 17.7 0 0 375.2561 549.3431
+ A 17.41 11.13 17.7 0 0 395.2258 544.0332
+ Z"
+/>
+<path fill="#272727" d="
+ M 891.35 349.92
+ A 0.24 0.24 0.0 0 1 891.18 349.63
+ L 891.49 348.54
+ A 28.25 28.19 -74.2 0 1 926.31 329.03
+ L 927.50 329.37
+ A 28.25 28.19 -74.2 0 1 946.93 364.23
+ L 946.62 365.31
+ A 0.24 0.24 0.0 0 1 946.33 365.48
+ L 891.35 349.92
+ Z
+ M 933.29 340.47
+ C 923.70 333.20 908.83 334.19 901.37 344.58
+ A 0.28 0.28 0.0 0 0 901.52 345.01
+ L 939.69 355.83
+ Q 940.38 356.02 940.35 355.31
+ Q 939.93 345.51 933.29 340.47
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(304.09,341.48) rotate(90.0)" rx="5.77" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(146.58,346.62) rotate(89.9)" rx="7.05" ry="5.77"/>
+<path fill="#272727" d="
+ M 406.65 342.96
+ Q 406.77 343.34 407.25 343.50
+ Q 407.72 343.66 408.05 344.03
+ Q 421.37 358.65 437.67 369.33
+ C 410.21 387.57 390.46 415.07 379.45 445.98
+ Q 378.69 448.11 378.58 448.97
+ Q 378.09 448.44 377.81 447.71
+ Q 373.26 435.93 373.45 423.89
+ Q 373.55 417.67 374.04 411.35
+ C 375.83 388.07 391.24 365.89 405.10 347.38
+ C 406.08 346.08 406.31 344.51 406.65 342.96
+ Z
+ M 387.03 390.74
+ Q 380.66 405.57 381.07 422.49
+ Q 381.09 423.24 381.43 422.58
+ C 392.10 401.93 405.94 384.30 424.14 369.81
+ Q 424.71 369.35 424.12 368.92
+ Q 416.94 363.59 409.02 355.85
+ Q 408.56 355.41 408.19 355.92
+ C 400.16 366.70 392.38 378.31 387.03 390.74
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(359.38,349.20) rotate(89.8)" rx="3.16" ry="2.54"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(180.01,359.49) rotate(90.0)" rx="4.47" ry="3.17"/>
+<path fill="#272727" d="
+ M 119.12 422.41
+ C 113.74 420.08 108.10 416.60 104.31 412.19
+ C 100.99 408.32 102.00 401.63 104.13 397.54
+ C 109.16 387.92 117.93 382.57 127.86 378.41
+ Q 137.03 374.57 145.32 370.89
+ C 153.52 367.25 159.47 362.32 166.21 357.17
+ A 0.68 0.68 0.0 0 1 167.30 357.62
+ Q 169.32 372.22 164.45 387.26
+ Q 159.99 400.99 153.69 417.97
+ Q 151.34 424.30 150.46 428.45
+ Q 148.97 435.47 148.92 443.37
+ Q 148.91 444.64 148.07 443.68
+ Q 135.76 429.60 119.12 422.41
+ Z
+ M 136.80 382.73
+ Q 129.37 385.60 122.39 389.44
+ C 116.92 392.46 108.55 399.92 109.82 406.73
+ Q 109.91 407.26 110.28 407.66
+ Q 113.46 411.10 117.55 413.17
+ C 126.22 417.57 134.76 421.35 142.37 427.83
+ A 0.36 0.36 0.0 0 0 142.96 427.61
+ C 143.81 422.46 145.91 417.96 147.59 413.09
+ Q 151.31 402.23 155.37 391.08
+ Q 158.94 381.26 160.10 372.01
+ Q 160.19 371.33 159.60 371.68
+ Q 149.00 378.02 136.80 382.73
+ Z"
+/>
+<path fill="#73bc0b" d="
+ M 437.67 369.33
+ Q 460.73 383.76 486.90 390.40
+ C 521.09 399.06 555.05 394.77 586.95 379.91
+ Q 593.42 376.90 598.49 372.59
+ Q 596.88 378.87 597.01 384.75
+ C 597.41 402.39 613.33 410.16 628.83 411.59
+ C 628.72 430.05 615.86 444.10 597.16 443.76
+ C 585.78 443.56 578.28 438.40 569.54 432.01
+ C 551.05 418.50 527.31 414.92 504.96 419.24
+ C 481.35 423.79 463.40 438.97 452.97 460.23
+ Q 446.67 473.08 443.79 487.40
+ Q 435.74 488.41 427.25 487.59
+ C 418.06 486.71 408.83 483.28 401.67 477.31
+ Q 398.86 474.96 396.01 472.74
+ Q 384.60 463.84 378.58 449.46
+ Q 378.48 449.23 378.58 448.97
+ Q 378.69 448.11 379.45 445.98
+ C 390.46 415.07 410.21 387.57 437.67 369.33
+ Z"
+/>
+<path fill="#272727" d="
+ M 1073.63 377.07
+ C 1079.91 379.79 1092.06 387.06 1087.97 395.65
+ C 1085.54 400.75 1079.84 403.16 1074.52 403.71
+ C 1063.29 404.86 1049.24 402.01 1041.12 393.45
+ C 1034.76 386.75 1036.21 376.65 1045.56 373.70
+ C 1054.14 371.00 1065.43 373.50 1073.63 377.07
+ Z
+ M 1080.72 390.83
+ C 1073.37 382.99 1059.91 379.25 1049.91 380.31
+ C 1047.37 380.58 1044.08 381.99 1044.82 385.15
+ C 1046.08 390.53 1054.80 394.09 1059.84 395.27
+ C 1066.27 396.78 1076.35 397.77 1080.69 393.36
+ A 1.83 1.83 0.0 0 0 1080.72 390.83
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(180.65,385.84) rotate(90.0)" rx="6.40" ry="5.13"/>
+<circle fill="#000000" cx="84.22" cy="398.70" r="3.82"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(353.60,434.69) rotate(90.3)" rx="3.83" ry="3.16"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(108.00,438.56) rotate(90.0)" rx="6.40" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(160.72,437.92) rotate(114.3)" rx="4.47" ry="3.17"/>
+<path fill="#272727" d="
+ M 752.86 484.77
+ Q 759.40 477.73 770.55 470.56
+ Q 792.08 456.69 817.37 462.40
+ C 829.37 465.11 839.76 471.87 845.55 482.70
+ C 856.96 504.04 846.75 529.99 824.23 537.93
+ C 815.15 541.13 804.17 540.60 794.68 539.54
+ C 780.92 538.00 766.18 549.97 767.27 564.31
+ Q 771.12 615.08 775.71 675.93
+ C 777.76 703.19 760.31 716.79 734.26 716.10
+ C 712.95 715.53 701.34 701.52 699.78 680.79
+ Q 693.24 594.34 686.94 510.94
+ C 685.76 495.38 691.06 480.21 706.25 473.66
+ Q 714.84 469.97 724.51 469.94
+ Q 742.32 469.89 751.99 484.70
+ Q 752.38 485.29 752.86 484.77
+ Z
+ M 749.58 500.79
+ C 748.13 486.48 737.90 476.86 723.19 477.48
+ C 707.62 478.13 695.96 485.83 694.59 502.48
+ Q 694.12 508.13 694.72 515.78
+ Q 701.07 596.97 706.74 674.06
+ C 707.29 681.65 707.82 688.79 711.37 695.72
+ C 717.09 706.90 729.11 709.41 740.55 708.46
+ C 760.98 706.77 769.70 695.32 768.16 675.27
+ Q 764.13 622.43 759.76 564.54
+ C 758.81 551.93 766.77 541.17 777.71 535.55
+ C 784.73 531.94 790.93 531.48 798.97 532.38
+ C 809.27 533.54 820.87 533.08 829.47 526.96
+ C 840.73 518.96 845.33 504.95 841.25 491.73
+ C 835.60 473.41 817.12 467.80 799.94 468.36
+ Q 792.55 468.60 786.54 470.93
+ C 773.07 476.17 757.22 487.42 750.19 500.91
+ Q 749.69 501.87 749.58 500.79
+ Z"
+/>
+<path fill="#73bc0b" d="
+ M 750.19 500.91
+ C 757.22 487.42 773.07 476.17 786.54 470.93
+ Q 792.55 468.60 799.94 468.36
+ C 817.12 467.80 835.60 473.41 841.25 491.73
+ C 845.33 504.95 840.73 518.96 829.47 526.96
+ C 820.87 533.08 809.27 533.54 798.97 532.38
+ C 790.93 531.48 784.73 531.94 777.71 535.55
+ C 766.77 541.17 758.81 551.93 759.76 564.54
+ Q 764.13 622.43 768.16 675.27
+ C 769.70 695.32 760.98 706.77 740.55 708.46
+ C 729.11 709.41 717.09 706.90 711.37 695.72
+ C 707.82 688.79 707.29 681.65 706.74 674.06
+ Q 701.07 596.97 694.72 515.78
+ Q 694.12 508.13 694.59 502.48
+ C 695.96 485.83 707.62 478.13 723.19 477.48
+ C 737.90 476.86 748.13 486.48 749.58 500.79
+ Q 749.69 501.87 750.19 500.91
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(350.17,480.41) rotate(72.3)" rx="11.54" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(123.44,476.49) rotate(90.0)" rx="5.77" ry="4.49"/>
+<circle fill="#ff8049" cx="979.60" cy="507.13" r="33.30"/>
+<path fill="#ff8049" d="
+ M 35.10 482.09
+ C 38.69 487.33 35.08 491.97 29.92 493.35
+ Q 20.41 495.90 14.97 488.47
+ Q 13.96 482.70 19.00 480.22
+ Q 27.61 475.98 35.10 482.09
+ Z"
+/>
+<path fill="#ff8049" d="
+ M 86.97 483.16
+ Q 90.37 491.70 83.01 496.59
+ Q 76.71 500.78 65.98 503.38
+ Q 62.40 504.25 56.15 503.57
+ Q 49.49 502.84 44.21 499.37
+ C 41.66 497.69 40.33 494.40 40.25 491.36
+ Q 40.11 486.59 42.05 483.14
+ C 43.78 482.31 45.02 481.27 46.93 481.21
+ Q 55.28 480.95 63.51 480.31
+ Q 67.41 480.01 73.95 478.90
+ Q 82.80 477.41 86.97 483.16
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(168.44,493.20) rotate(90.1)" rx="7.05" ry="5.77"/>
+<path fill="#73bc0b" d="
+ M 370.30 566.48
+ Q 399.15 577.30 423.96 561.98
+ Q 432.66 556.61 441.95 546.94
+ Q 445.09 567.61 453.83 585.44
+ C 466.24 610.76 488.37 629.02 517.09 630.59
+ Q 534.51 631.55 549.97 625.82
+ C 578.12 615.40 590.10 589.42 590.84 560.54
+ Q 590.86 559.95 590.27 559.99
+ Q 556.71 562.54 525.71 564.87
+ Q 520.79 565.24 515.64 564.57
+ C 495.03 561.93 487.00 547.38 486.90 528.34
+ C 486.80 506.70 500.82 496.26 521.63 494.61
+ Q 565.49 491.13 613.75 487.57
+ Q 620.59 487.07 627.93 488.27
+ C 654.13 492.56 659.37 515.82 661.23 537.95
+ C 666.47 600.25 644.24 659.78 586.44 688.12
+ Q 577.13 692.68 567.45 695.53
+ Q 522.99 708.60 480.45 697.99
+ C 418.61 682.56 381.15 626.57 370.30 566.48
+ Z"
+/>
+<path fill="#000000" d="
+ M 1287.46 595.81
+ L 1283.47 631.71
+ Q 1283.46 631.84 1283.53 631.95
+ Q 1283.61 632.06 1283.63 632.20
+ Q 1283.65 632.39 1283.47 632.46
+ Q 1282.98 632.65 1282.81 632.15
+ C 1274.67 607.37 1258.28 585.87 1239.43 567.45
+ Q 1237.93 565.97 1235.97 565.44
+ C 1204.36 556.79 1174.68 568.16 1159.03 596.80
+ Q 1151.51 610.57 1146.61 631.63
+ Q 1146.49 632.15 1146.32 631.65
+ Q 1145.44 629.05 1145.08 626.24
+ Q 1143.67 615.31 1143.31 609.94
+ L 1142.50 596.04
+ Q 1142.63 596.03 1142.76 596.01
+ Q 1142.79 596.01 1142.79 595.98
+ Q 1142.79 569.98 1151.32 544.77
+ Q 1156.76 528.67 1164.63 518.16
+ C 1182.19 494.70 1209.69 487.72 1237.24 495.77
+ C 1238.41 496.11 1238.85 496.94 1239.63 497.70
+ C 1263.74 520.98 1284.10 550.34 1287.33 584.39
+ C 1287.66 587.87 1287.12 591.95 1287.46 595.81
+ Z"
+/>
+<circle fill="#000000" cx="383.17" cy="498.34" r="4.48"/>
+<ellipse fill="#ff8049" cx="0.00" cy="0.00" transform="translate(27.21,507.56) rotate(-22.3)" rx="10.25" ry="7.69"/>
+<circle fill="#ff8049" cx="1053.51" cy="529.76" r="25.76"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(116.73,515.99) rotate(129.4)" rx="10.89" ry="8.34"/>
+<circle fill="#ff8049" cx="917.75" cy="547.86" r="25.76"/>
+<path fill="#73bc0b" d="
+ M 1059.79 602.86
+ Q 1059.89 603.66 1060.26 602.94
+ Q 1076.40 570.65 1092.32 539.09
+ C 1097.63 528.55 1107.86 523.64 1119.47 527.42
+ C 1135.70 532.71 1143.61 545.41 1135.36 561.88
+ Q 1087.05 658.29 1039.59 752.80
+ C 1031.69 768.54 1016.57 768.29 1003.41 759.08
+ C 990.92 750.34 995.06 737.88 1001.28 726.87
+ Q 1001.84 725.89 1000.85 726.43
+ C 988.67 733.07 975.80 736.81 962.51 735.28
+ C 936.09 732.22 921.34 708.39 917.89 684.16
+ C 913.00 649.77 927.15 614.40 949.72 588.57
+ C 973.53 561.33 1017.37 543.23 1046.51 574.04
+ Q 1057.70 585.87 1059.79 602.86
+ Z
+ M 1005.65 692.69
+ C 1022.59 683.36 1034.32 662.21 1036.68 643.51
+ C 1038.13 632.02 1035.91 619.09 1026.72 611.73
+ C 1018.15 604.86 1006.99 606.27 998.02 611.92
+ C 983.15 621.29 972.50 638.58 967.93 655.61
+ C 963.87 670.71 965.05 689.02 981.25 695.48
+ C 989.00 698.57 998.37 696.70 1005.65 692.69
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(378.64,538.74) rotate(17.7)" rx="17.41" ry="11.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(57.22,534.99) rotate(20.3)" rx="8.97" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(193.51,537.56) rotate(90.0)" rx="5.13" ry="3.84"/>
+<path fill="#272727" d="
+ M 232.03 551.83
+ Q 232.92 552.03 232.95 552.75
+ Q 233.03 554.77 233.20 556.62
+ Q 234.61 572.35 237.54 588.90
+ Q 241.30 610.13 249.88 630.21
+ Q 257.05 646.99 268.60 661.74
+ Q 267.32 669.81 260.75 678.54
+ Q 250.43 678.87 240.83 682.43
+ L 240.31 678.77
+ Q 240.24 678.27 239.88 677.92
+ C 232.16 670.00 223.11 663.78 214.25 657.20
+ Q 203.45 649.19 198.72 642.70
+ Q 195.41 638.15 191.56 633.43
+ C 184.04 624.21 179.46 611.16 182.60 599.38
+ Q 183.86 594.70 187.55 589.47
+ Q 203.45 566.96 224.22 551.02
+ Q 224.65 550.69 225.21 550.69
+ Q 228.75 550.69 232.03 551.83
+ Z
+ M 260.50 663.22
+ C 246.97 644.78 238.20 624.39 232.98 602.25
+ Q 228.54 583.38 226.19 559.74
+ Q 226.11 559.00 225.54 559.47
+ Q 207.51 574.21 193.91 593.47
+ Q 190.86 597.79 189.84 601.34
+ C 187.05 610.99 191.92 622.45 198.25 629.80
+ Q 200.83 632.80 203.36 636.36
+ Q 208.12 643.08 215.09 648.42
+ C 225.23 656.19 235.90 663.19 245.09 672.56
+ Q 245.52 673.00 246.13 672.90
+ L 256.13 671.27
+ Q 256.73 671.17 257.02 670.63
+ L 260.56 664.17
+ Q 260.84 663.68 260.50 663.22
+ Z"
+/>
+<path fill="#dba200" d="
+ M 250.08 553.65
+ Q 248.99 562.06 250.03 570.50
+ C 253.01 594.72 261.39 618.99 271.83 640.51
+ Q 271.68 642.92 271.51 645.50
+ Q 271.35 647.93 270.82 650.44
+ Q 269.71 655.69 268.60 661.74
+ Q 257.05 646.99 249.88 630.21
+ Q 241.30 610.13 237.54 588.90
+ Q 234.61 572.35 233.20 556.62
+ Q 233.03 554.77 232.95 552.75
+ Q 232.92 552.03 232.03 551.83
+ L 232.37 551.53
+ Q 232.72 551.22 233.20 551.29
+ L 250.08 553.65
+ Z"
+/>
+<path fill="#272727" d="
+ M 271.83 640.51
+ C 261.39 618.99 253.01 594.72 250.03 570.50
+ Q 248.99 562.06 250.08 553.65
+ Q 261.08 553.76 270.71 552.11
+ Q 271.21 552.02 271.24 552.53
+ Q 272.92 584.84 272.72 621.74
+ Q 272.67 632.41 271.83 640.51
+ Z
+ M 264.89 603.82
+ Q 264.90 603.87 264.94 603.92
+ Q 265.28 604.40 265.28 603.81
+ Q 265.01 582.11 264.22 561.03
+ Q 264.20 560.61 263.78 560.64
+ L 257.12 561.11
+ Q 256.79 561.13 256.80 561.46
+ Q 257.62 581.41 264.89 603.82
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(294.45,569.71) rotate(90.3)" rx="5.12" ry="4.49"/>
+<path fill="#272727" d="
+ M 855.7399 744.9579
+ A 32.26 32.26 0.0 0 1 812.4750 759.4342
+ L 810.9715 758.6846
+ A 32.26 32.26 0.0 0 1 796.4953 715.4197
+ L 857.6601 592.7421
+ A 32.26 32.26 0.0 0 1 900.9250 578.2658
+ L 902.4285 579.0154
+ A 32.26 32.26 0.0 0 1 916.9047 622.2803
+ L 855.7399 744.9579
+ Z
+ M 910.1080 619.1710
+ A 25.09 25.09 0.0 0 0 898.8492 585.5220
+ L 897.8827 585.0401
+ A 25.09 25.09 0.0 0 0 864.2337 596.2989
+ L 803.2920 718.5290
+ A 25.09 25.09 0.0 0 0 814.5508 752.1780
+ L 815.5173 752.6599
+ A 25.09 25.09 0.0 0 0 849.1663 741.4011
+ L 910.1080 619.1710
+ Z"
+/>
+<rect fill="#73bc0b" x="-25.63" y="-93.38" transform="translate(856.70,668.85) rotate(26.5)" width="51.26" height="186.76" rx="25.09"/>
+<path fill="#ad8f00" d="
+ M 1142.50 596.04
+ L 1143.31 609.94
+ Q 1142.69 609.92 1142.95 610.71
+ Q 1141.96 603.21 1142.43 595.66
+ Q 1142.44 595.62 1142.41 595.61
+ Q 1142.39 595.59 1142.38 595.61
+ Q 1142.38 595.63 1142.37 595.64
+ Q 1142.35 595.94 1142.50 596.04
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(159.43,607.00) rotate(101.7)" rx="7.68" ry="4.49"/>
+<path fill="#272727" d="
+ M 1036.68 643.51
+ C 1034.32 662.21 1022.59 683.36 1005.65 692.69
+ C 998.37 696.70 989.00 698.57 981.25 695.48
+ C 965.05 689.02 963.87 670.71 967.93 655.61
+ C 972.50 638.58 983.15 621.29 998.02 611.92
+ C 1006.99 606.27 1018.15 604.86 1026.72 611.73
+ C 1035.91 619.09 1038.13 632.02 1036.68 643.51
+ Z
+ M 1024.52 659.21
+ C 1029.27 648.31 1032.00 634.37 1026.87 623.85
+ C 1020.71 611.22 1007.79 612.97 998.53 620.64
+ Q 979.07 636.76 974.00 663.00
+ Q 973.04 667.98 973.57 673.03
+ C 975.60 692.40 993.57 692.92 1006.30 683.42
+ Q 1017.66 674.94 1024.52 659.21
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(282.23,624.35) rotate(89.2)" rx="10.90" ry="6.41"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(173.58,641.71) rotate(89.8)" rx="5.12" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(283.51,680.93) rotate(90.4)" rx="4.48" ry="3.83"/>
+<path fill="#e7f7fd" d="
+ M 260.75 678.54
+ Q 259.89 681.07 258.96 683.82
+ Q 256.46 691.23 261.73 693.70
+ Q 264.21 694.85 269.22 695.13
+ C 275.18 695.45 279.72 696.59 285.28 693.07
+ Q 285.89 692.69 286.10 693.38
+ Q 286.21 693.78 286.33 694.19
+ Q 286.64 695.23 286.80 694.16
+ C 287.00 692.83 287.31 691.63 288.19 690.54
+ Q 290.00 688.28 291.54 685.60
+ C 298.01 689.73 302.98 694.88 308.40 699.81
+ C 313.62 704.55 314.48 712.61 313.73 719.40
+ Q 313.67 719.89 313.35 720.27
+ C 309.45 724.85 305.30 727.93 300.52 731.14
+ Q 298.71 732.35 296.44 734.64
+ Q 294.49 736.63 292.48 738.09
+ Q 279.42 737.11 267.00 739.14
+ Q 266.49 739.22 266.11 738.88
+ Q 264.85 737.77 263.11 737.31
+ Q 262.63 737.18 262.38 736.75
+ Q 261.92 735.95 262.51 735.23
+ Q 263.34 734.21 262.04 734.14
+ C 254.74 733.71 254.37 723.13 247.76 720.78
+ Q 244.61 719.66 242.39 718.81
+ L 238.07 706.87
+ Q 239.36 703.07 239.94 700.50
+ Q 241.80 692.24 240.83 682.43
+ Q 250.43 678.87 260.75 678.54
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 201.81 679.91
+ Q 202.32 679.79 202.71 680.07
+ C 208.46 684.22 210.78 690.66 211.70 698.00
+ Q 212.58 705.06 210.94 719.78
+ Q 211.90 722.57 209.71 726.29
+ Q 209.42 726.78 209.41 727.35
+ Q 209.32 731.42 207.65 734.00
+ C 205.71 737.00 205.34 741.68 205.35 745.21
+ Q 203.11 748.55 199.71 750.70
+ Q 198.68 751.35 197.08 753.98
+ Q 195.76 753.07 195.83 750.37
+ Q 195.88 748.65 195.38 747.89
+ Q 194.61 746.70 193.24 746.23
+ C 192.42 744.83 192.86 743.53 191.13 742.64
+ Q 182.40 738.14 174.26 733.72
+ C 167.75 730.18 162.44 726.72 158.11 721.29
+ C 152.50 714.26 165.45 699.09 170.29 694.62
+ Q 170.93 694.04 171.08 694.89
+ C 171.62 697.95 173.77 705.01 178.12 702.80
+ Q 179.51 702.09 179.95 700.51
+ Q 180.93 696.93 183.03 694.52
+ Q 190.45 686.00 201.81 679.91
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(223.73,690.57) rotate(0.1)" rx="4.49" ry="3.84"/>
+<path fill="#1938d5" d="
+ M 238.07 706.87
+ L 242.39 718.81
+ L 233.18 715.33
+ Q 236.21 711.80 238.07 706.87
+ Z"
+/>
+<path fill="#ff5698" d="
+ M 233.18 715.33
+ L 242.39 718.81
+ Q 244.61 719.66 247.76 720.78
+ C 254.37 723.13 254.74 733.71 262.04 734.14
+ Q 263.34 734.21 262.51 735.23
+ Q 261.92 735.95 262.38 736.75
+ Q 262.63 737.18 263.11 737.31
+ Q 264.85 737.77 266.11 738.88
+ Q 266.49 739.22 267.00 739.14
+ Q 279.42 737.11 292.48 738.09
+ Q 298.31 738.93 304.03 741.42
+ C 306.84 742.64 309.83 742.97 312.30 744.73
+ Q 315.82 747.22 319.95 751.56
+ Q 321.31 752.99 321.65 754.85
+ Q 323.09 762.81 319.23 769.41
+ C 317.87 771.72 313.23 772.36 310.75 773.09
+ A 1.78 1.78 0.0 0 0 309.66 775.60
+ C 310.69 777.64 311.30 779.85 312.50 781.75
+ C 314.45 784.83 317.06 788.05 318.64 791.45
+ Q 319.44 793.16 321.09 794.78
+ C 324.17 797.81 324.88 803.79 326.25 807.94
+ C 327.46 811.60 326.50 815.00 322.75 816.32
+ C 318.75 817.73 316.62 815.35 315.12 811.72
+ C 312.05 804.27 309.86 796.07 303.95 789.76
+ Q 300.68 786.26 297.73 782.95
+ C 296.54 781.61 295.82 779.88 294.65 778.55
+ Q 288.32 771.38 282.27 763.85
+ L 275.07 756.62
+ Q 273.11 755.55 270.91 754.76
+ C 267.40 753.50 264.90 751.07 261.97 748.30
+ C 260.89 747.27 259.40 746.18 257.84 746.21
+ Q 249.75 746.39 242.04 748.00
+ L 237.72 750.20
+ Q 237.18 750.47 237.76 750.67
+ L 240.93 751.73
+ Q 243.78 752.50 246.58 753.14
+ C 248.89 753.68 250.44 754.85 252.27 756.16
+ Q 252.66 756.44 253.15 756.45
+ Q 257.96 756.54 263.08 756.47
+ C 266.30 756.42 272.93 760.65 269.36 764.36
+ A 1.44 1.42 -71.8 0 1 268.54 764.78
+ Q 267.23 764.98 265.96 764.67
+ Q 261.86 763.66 257.16 764.16
+ Q 256.50 764.23 256.87 764.79
+ C 258.15 766.69 260.31 767.60 261.91 768.99
+ Q 262.86 769.82 264.29 771.75
+ Q 265.42 773.28 266.73 774.58
+ Q 268.56 777.63 269.89 779.11
+ C 272.46 781.97 277.89 786.99 272.23 790.33
+ Q 271.76 790.60 271.24 790.45
+ Q 269.22 789.85 268.56 788.42
+ Q 266.97 784.93 264.93 781.65
+ Q 260.21 774.52 258.50 772.76
+ Q 257.25 771.48 254.70 770.60
+ C 251.98 769.67 250.41 766.82 248.28 764.92
+ A 1.43 1.42 57.4 0 0 246.94 764.62
+ Q 239.48 766.76 233.92 772.43
+ Q 232.53 773.85 225.73 776.34
+ L 223.65 776.34
+ Q 222.92 776.35 222.97 775.62
+ Q 223.06 774.43 223.56 773.25
+ Q 223.77 772.76 223.63 772.25
+ Q 222.25 767.33 226.65 765.04
+ C 227.71 764.49 228.01 763.48 229.05 762.84
+ Q 232.83 760.53 236.78 758.82
+ L 239.90 757.66
+ Q 240.38 757.48 239.93 757.22
+ Q 239.17 756.78 238.30 756.60
+ L 232.78 753.92
+ A 0.90 0.88 43.9 0 0 232.01 753.93
+ Q 225.20 757.37 219.79 761.66
+ C 214.47 765.88 208.22 769.34 202.39 772.96
+ Q 201.86 773.29 202.23 773.79
+ Q 203.81 775.86 205.93 776.77
+ Q 208.81 778.02 211.41 779.90
+ C 212.50 780.69 213.55 780.87 214.88 780.80
+ A 2.23 2.23 0.0 0 1 217.05 783.88
+ Q 216.15 786.04 214.81 788.23
+ A 1.36 1.33 9.6 0 1 213.95 788.83
+ Q 210.25 789.60 207.32 787.50
+ C 205.66 786.30 202.74 785.52 201.71 783.89
+ Q 199.42 780.25 196.19 777.09
+ A 2.02 2.02 0.0 0 0 192.76 778.60
+ Q 192.82 780.29 192.76 782.13
+ C 192.65 785.07 194.36 787.11 194.70 790.01
+ Q 194.93 791.97 195.58 793.93
+ Q 197.11 798.49 196.68 803.81
+ Q 196.64 804.35 196.27 804.77
+ Q 194.27 807.03 191.29 808.32
+ Q 190.46 808.67 189.85 808.01
+ Q 188.23 806.27 188.27 804.24
+ Q 188.36 798.74 188.31 793.39
+ Q 188.29 791.65 188.88 786.66
+ Q 189.31 782.88 188.66 778.97
+ Q 188.84 778.61 188.80 778.26
+ A 0.75 0.75 0.0 0 0 188.20 777.59
+ L 186.76 777.31
+ Q 186.49 777.26 186.44 777.52
+ Q 186.41 777.66 186.38 777.80
+ Q 186.27 778.28 185.89 778.59
+ Q 183.44 780.55 182.06 783.23
+ A 2.89 2.78 85.3 0 1 181.35 784.10
+ L 180.35 784.93
+ A 0.84 0.83 53.8 0 0 180.19 786.03
+ Q 180.58 786.63 180.28 787.21
+ A 0.83 0.81 -81.2 0 1 179.75 787.61
+ Q 173.53 789.07 168.23 787.98
+ Q 167.51 787.84 167.86 788.48
+ C 168.59 789.81 169.61 790.90 170.08 792.36
+ Q 171.65 797.21 171.80 802.54
+ Q 171.86 804.38 170.01 804.41
+ L 168.62 804.43
+ Q 167.17 804.45 166.91 803.02
+ Q 166.53 800.88 166.60 798.46
+ Q 166.62 797.86 166.35 797.32
+ L 162.57 789.78
+ A 0.86 0.86 0.0 0 0 161.30 789.47
+ Q 158.71 791.32 156.13 791.80
+ Q 154.47 786.58 159.34 784.92
+ A 0.46 0.46 0.0 0 0 159.41 784.07
+ L 154.79 781.69
+ A 0.96 0.93 6.6 0 1 154.32 781.12
+ Q 153.36 777.97 153.91 774.93
+ C 154.58 771.21 158.81 772.09 157.83 767.22
+ Q 155.39 755.12 159.37 743.68
+ Q 159.92 742.09 162.30 740.25
+ Q 163.64 739.22 165.14 739.17
+ Q 167.07 739.10 168.76 739.36
+ Q 171.58 739.78 174.75 740.11
+ Q 179.15 740.56 180.72 740.98
+ Q 187.30 742.75 193.24 746.23
+ Q 194.61 746.70 195.38 747.89
+ Q 195.88 748.65 195.83 750.37
+ Q 195.76 753.07 197.08 753.98
+ Q 196.12 755.33 196.09 757.00
+ Q 196.08 757.60 196.60 757.31
+ C 201.34 754.67 207.36 754.83 212.67 754.44
+ Q 215.04 754.27 216.86 752.93
+ Q 219.13 751.25 216.31 751.22
+ Q 214.22 751.19 212.00 751.30
+ Q 205.52 751.61 205.35 745.21
+ C 205.34 741.68 205.71 737.00 207.65 734.00
+ Q 209.32 731.42 209.41 727.35
+ Q 209.42 726.78 209.71 726.29
+ Q 211.90 722.57 210.94 719.78
+ Q 213.51 715.55 216.16 713.36
+ Q 216.55 713.04 217.05 713.03
+ Q 221.20 712.96 225.25 713.03
+ Q 227.90 713.07 233.18 715.33
+ Z
+ M 216.74 735.57
+ L 216.54 739.41
+ A 1.73 1.72 -83.1 0 0 217.94 741.20
+ C 221.63 741.88 226.10 739.97 229.43 739.44
+ Q 233.26 738.84 235.99 738.11
+ Q 239.17 737.27 242.49 736.44
+ Q 243.56 737.00 244.98 736.47
+ Q 247.59 735.49 246.62 732.93
+ Q 245.75 730.63 241.89 728.88
+ Q 239.48 727.56 236.70 727.28
+ Q 232.72 726.89 231.84 726.69
+ Q 229.43 726.14 227.04 725.59
+ L 219.67 724.08
+ Q 219.15 723.97 219.05 724.49
+ L 216.74 735.57
+ Z
+ M 283.88 750.64
+ Q 285.47 753.00 288.05 754.70
+ Q 292.94 757.92 298.42 761.07
+ C 302.16 763.23 307.60 764.17 308.98 758.65
+ C 310.46 752.70 305.46 748.55 300.47 746.60
+ Q 297.81 745.56 293.71 745.48
+ Q 290.25 745.42 286.72 745.59
+ L 279.38 745.41
+ Q 277.13 745.35 278.90 746.74
+ L 283.88 750.64
+ Z
+ M 184.98 756.47
+ C 185.63 753.56 185.46 750.83 183.06 749.35
+ Q 180.18 747.56 176.49 747.65
+ Q 175.18 747.68 174.37 746.79
+ Q 173.94 746.32 173.31 746.30
+ L 167.08 746.16
+ A 2.28 2.27 0.7 0 0 164.75 748.42
+ L 164.71 757.69
+ Q 164.70 758.80 165.73 759.25
+ C 168.98 760.65 174.00 760.74 178.03 761.15
+ C 179.49 761.29 180.78 760.80 181.75 759.73
+ Q 183.09 758.26 184.59 757.09
+ Q 184.90 756.85 184.98 756.47
+ Z
+ M 179.57 776.35
+ L 181.60 773.77
+ Q 183.25 771.66 180.57 771.75
+ Q 172.17 772.04 168.40 770.23
+ Q 167.15 769.63 167.27 771.01
+ L 167.82 776.97
+ A 2.04 2.03 -89.3 0 0 169.61 778.81
+ Q 172.60 779.17 175.40 778.77
+ A 6.47 6.45 -75.1 0 0 179.57 776.35
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 227.04 725.59
+ C 223.56 729.74 220.80 733.49 216.74 735.57
+ L 219.05 724.49
+ Q 219.15 723.97 219.67 724.08
+ L 227.04 725.59
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 227.04 725.59
+ Q 229.43 726.14 231.84 726.69
+ Q 232.72 726.89 236.70 727.28
+ Q 239.48 727.56 241.89 728.88
+ Q 240.77 732.73 242.49 736.44
+ Q 239.17 737.27 235.99 738.11
+ Q 233.26 738.84 229.43 739.44
+ C 226.10 739.97 221.63 741.88 217.94 741.20
+ A 1.73 1.72 -83.1 0 1 216.54 739.41
+ L 216.74 735.57
+ C 220.80 733.49 223.56 729.74 227.04 725.59
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 241.89 728.88
+ Q 245.75 730.63 246.62 732.93
+ Q 247.59 735.49 244.98 736.47
+ Q 243.56 737.00 242.49 736.44
+ Q 240.77 732.73 241.89 728.88
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 205.35 745.21
+ Q 205.52 751.61 212.00 751.30
+ Q 214.22 751.19 216.31 751.22
+ Q 219.13 751.25 216.86 752.93
+ Q 215.04 754.27 212.67 754.44
+ C 207.36 754.83 201.34 754.67 196.60 757.31
+ Q 196.08 757.60 196.09 757.00
+ Q 196.12 755.33 197.08 753.98
+ Q 198.68 751.35 199.71 750.70
+ Q 203.11 748.55 205.35 745.21
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 286.72 745.59
+ Q 285.87 749.28 283.88 750.64
+ L 278.90 746.74
+ Q 277.13 745.35 279.38 745.41
+ L 286.72 745.59
+ Z"
+/>
+<path fill="#272727" d="
+ M 283.88 750.64
+ Q 285.87 749.28 286.72 745.59
+ Q 290.25 745.42 293.71 745.48
+ Q 297.81 745.56 300.47 746.60
+ C 305.46 748.55 310.46 752.70 308.98 758.65
+ C 307.60 764.17 302.16 763.23 298.42 761.07
+ Q 292.94 757.92 288.05 754.70
+ Q 285.47 753.00 283.88 750.64
+ Z"
+/>
+<path fill="#272727" d="
+ M 183.06 749.35
+ C 185.46 750.83 185.63 753.56 184.98 756.47
+ Q 184.90 756.85 184.59 757.09
+ Q 183.09 758.26 181.75 759.73
+ C 180.78 760.80 179.49 761.29 178.03 761.15
+ C 174.00 760.74 168.98 760.65 165.73 759.25
+ Q 164.70 758.80 164.71 757.69
+ L 164.75 748.42
+ A 2.28 2.27 0.7 0 1 167.08 746.16
+ L 173.31 746.30
+ Q 173.94 746.32 174.37 746.79
+ Q 175.18 747.68 176.49 747.65
+ Q 180.18 747.56 183.06 749.35
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 275.07 756.62
+ Q 271.58 762.52 268.93 768.42
+ Q 267.65 771.27 266.73 774.58
+ Q 265.42 773.28 264.29 771.75
+ Q 262.86 769.82 261.91 768.99
+ C 260.31 767.60 258.15 766.69 256.87 764.79
+ Q 256.50 764.23 257.16 764.16
+ Q 261.86 763.66 265.96 764.67
+ Q 267.23 764.98 268.54 764.78
+ A 1.44 1.42 -71.8 0 0 269.36 764.36
+ C 272.93 760.65 266.30 756.42 263.08 756.47
+ Q 257.96 756.54 253.15 756.45
+ Q 252.66 756.44 252.27 756.16
+ C 250.44 754.85 248.89 753.68 246.58 753.14
+ Q 243.78 752.50 240.93 751.73
+ L 242.04 748.00
+ Q 249.75 746.39 257.84 746.21
+ C 259.40 746.18 260.89 747.27 261.97 748.30
+ C 264.90 751.07 267.40 753.50 270.91 754.76
+ Q 273.11 755.55 275.07 756.62
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 242.04 748.00
+ L 240.93 751.73
+ L 237.76 750.67
+ Q 237.18 750.47 237.72 750.20
+ L 242.04 748.00
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 238.30 756.60
+ Q 237.27 757.59 236.78 758.82
+ Q 232.83 760.53 229.05 762.84
+ C 228.01 763.48 227.71 764.49 226.65 765.04
+ Q 222.25 767.33 223.63 772.25
+ Q 223.77 772.76 223.56 773.25
+ Q 223.06 774.43 222.97 775.62
+ Q 222.92 776.35 223.65 776.34
+ L 225.73 776.34
+ L 222.93 780.34
+ Q 219.98 781.68 220.08 785.46
+ L 216.83 792.74
+ Q 212.45 794.95 211.61 796.11
+ Q 208.82 799.90 210.66 804.68
+ Q 204.99 813.96 202.77 824.57
+ C 201.80 829.20 200.60 833.16 199.00 837.45
+ Q 197.61 841.18 196.90 847.25
+ Q 195.96 855.32 195.97 858.50
+ Q 196.07 875.25 195.98 892.32
+ Q 188.90 889.74 182.82 885.46
+ C 179.82 883.33 177.64 880.52 175.42 877.66
+ Q 175.07 877.21 174.56 877.48
+ Q 169.38 880.24 165.26 881.47
+ Q 163.49 881.99 160.13 881.62
+ Q 157.81 876.81 156.66 874.04
+ Q 154.04 867.73 153.80 860.50
+ C 153.45 850.22 154.01 839.66 158.31 830.46
+ C 160.27 826.25 162.05 822.04 163.83 817.76
+ Q 165.11 814.70 166.69 813.16
+ Q 178.54 801.64 184.60 791.08
+ Q 187.12 786.70 188.66 778.97
+ Q 189.31 782.88 188.88 786.66
+ Q 188.29 791.65 188.31 793.39
+ Q 188.36 798.74 188.27 804.24
+ Q 188.23 806.27 189.85 808.01
+ Q 190.46 808.67 191.29 808.32
+ Q 194.27 807.03 196.27 804.77
+ Q 196.64 804.35 196.68 803.81
+ Q 197.11 798.49 195.58 793.93
+ Q 194.93 791.97 194.70 790.01
+ C 194.36 787.11 192.65 785.07 192.76 782.13
+ Q 192.82 780.29 192.76 778.60
+ A 2.02 2.02 0.0 0 1 196.19 777.09
+ Q 199.42 780.25 201.71 783.89
+ C 202.74 785.52 205.66 786.30 207.32 787.50
+ Q 210.25 789.60 213.95 788.83
+ A 1.36 1.33 9.6 0 0 214.81 788.23
+ Q 216.15 786.04 217.05 783.88
+ A 2.23 2.23 0.0 0 0 214.88 780.80
+ C 213.55 780.87 212.50 780.69 211.41 779.90
+ Q 208.81 778.02 205.93 776.77
+ Q 203.81 775.86 202.23 773.79
+ Q 201.86 773.29 202.39 772.96
+ C 208.22 769.34 214.47 765.88 219.79 761.66
+ Q 225.20 757.37 232.01 753.93
+ A 0.90 0.88 43.9 0 1 232.78 753.92
+ L 238.30 756.60
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 238.30 756.60
+ Q 239.17 756.78 239.93 757.22
+ Q 240.38 757.48 239.90 757.66
+ L 236.78 758.82
+ Q 237.27 757.59 238.30 756.60
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 275.07 756.62
+ L 282.27 763.85
+ Q 280.42 771.53 280.96 779.22
+ C 281.06 780.66 281.53 781.84 281.70 783.25
+ Q 282.19 787.33 282.94 791.16
+ Q 283.35 793.27 284.13 799.26
+ Q 284.77 804.13 286.30 808.56
+ Q 288.77 815.73 292.54 824.59
+ C 296.77 834.51 296.43 846.91 295.31 858.31
+ Q 294.81 863.36 294.55 868.40
+ Q 293.72 868.97 293.67 870.65
+ Q 293.67 870.79 293.57 870.86
+ Q 293.46 870.93 293.32 870.96
+ Q 293.20 870.99 293.16 871.10
+ Q 289.36 881.17 282.23 890.33
+ Q 281.43 891.37 280.38 891.87
+ Q 274.59 894.62 265.98 897.63
+ Q 260.57 899.52 256.55 900.03
+ Q 256.88 881.35 256.78 875.00
+ C 256.73 871.67 256.02 867.45 256.03 863.66
+ C 256.04 852.12 255.74 840.60 256.44 829.01
+ Q 256.84 822.32 257.17 815.53
+ C 258.62 816.27 260.15 816.00 260.52 814.23
+ Q 260.92 812.37 259.88 810.61
+ Q 258.78 808.73 257.69 806.85
+ Q 260.86 800.99 262.47 794.94
+ C 267.72 794.62 265.41 790.04 263.98 787.27
+ L 264.93 781.65
+ Q 266.97 784.93 268.56 788.42
+ Q 269.22 789.85 271.24 790.45
+ Q 271.76 790.60 272.23 790.33
+ C 277.89 786.99 272.46 781.97 269.89 779.11
+ Q 268.56 777.63 266.73 774.58
+ Q 267.65 771.27 268.93 768.42
+ Q 271.58 762.52 275.07 756.62
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 264.93 781.65
+ L 263.98 787.27
+ C 255.68 785.71 249.71 785.83 242.28 785.83
+ Q 239.54 785.84 236.86 784.85
+ Q 230.01 782.34 222.93 780.34
+ L 225.73 776.34
+ Q 232.53 773.85 233.92 772.43
+ Q 239.48 766.76 246.94 764.62
+ A 1.43 1.42 57.4 0 1 248.28 764.92
+ C 250.41 766.82 251.98 769.67 254.70 770.60
+ Q 257.25 771.48 258.50 772.76
+ Q 260.21 774.52 264.93 781.65
+ Z"
+/>
+<path fill="#272727" d="
+ M 179.57 776.35
+ A 6.47 6.45 -75.1 0 1 175.40 778.77
+ Q 172.60 779.17 169.61 778.81
+ A 2.04 2.03 -89.3 0 1 167.82 776.97
+ L 167.27 771.01
+ Q 167.15 769.63 168.40 770.23
+ Q 172.17 772.04 180.57 771.75
+ Q 183.25 771.66 181.60 773.77
+ L 179.57 776.35
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 188.66 778.97
+ Q 187.12 786.70 184.60 791.08
+ Q 178.54 801.64 166.69 813.16
+ Q 165.11 814.70 163.83 817.76
+ C 162.05 822.04 160.27 826.25 158.31 830.46
+ C 154.01 839.66 153.45 850.22 153.80 860.50
+ Q 154.04 867.73 156.66 874.04
+ Q 157.81 876.81 160.13 881.62
+ L 136.22 881.13
+ Q 130.77 873.30 128.07 864.71
+ Q 126.05 858.30 126.51 850.50
+ Q 127.18 838.91 127.80 827.31
+ Q 127.83 826.72 128.16 826.23
+ Q 135.42 815.42 142.70 804.16
+ Q 145.31 800.12 148.58 797.28
+ Q 152.10 794.23 156.13 791.80
+ Q 158.71 791.32 161.30 789.47
+ A 0.86 0.86 0.0 0 1 162.57 789.78
+ L 166.35 797.32
+ Q 166.62 797.86 166.60 798.46
+ Q 166.53 800.88 166.91 803.02
+ Q 167.17 804.45 168.62 804.43
+ L 170.01 804.41
+ Q 171.86 804.38 171.80 802.54
+ Q 171.65 797.21 170.08 792.36
+ C 169.61 790.90 168.59 789.81 167.86 788.48
+ Q 167.51 787.84 168.23 787.98
+ Q 173.53 789.07 179.75 787.61
+ A 0.83 0.81 -81.2 0 0 180.28 787.21
+ Q 180.58 786.63 180.19 786.03
+ A 0.84 0.83 53.8 0 1 180.35 784.93
+ L 181.35 784.10
+ A 2.89 2.78 85.3 0 0 182.06 783.23
+ Q 183.44 780.55 185.89 778.59
+ Q 186.27 778.28 186.38 777.80
+ Q 186.41 777.66 186.44 777.52
+ Q 186.49 777.26 186.76 777.31
+ L 188.20 777.59
+ A 0.75 0.75 0.0 0 1 188.80 778.26
+ Q 188.84 778.61 188.66 778.97
+ Z"
+/>
+<path fill="#ff5698" d="
+ M 222.93 780.34
+ Q 230.01 782.34 236.86 784.85
+ Q 239.54 785.84 242.28 785.83
+ C 249.71 785.83 255.68 785.71 263.98 787.27
+ C 265.41 790.04 267.72 794.62 262.47 794.94
+ C 258.06 794.35 253.70 792.95 249.12 794.03
+ Q 248.59 794.16 248.90 794.61
+ C 250.33 796.65 252.41 797.62 253.75 799.67
+ Q 255.99 803.08 257.69 806.85
+ Q 258.78 808.73 259.88 810.61
+ Q 260.92 812.37 260.52 814.23
+ C 260.15 816.00 258.62 816.27 257.17 815.53
+ C 252.12 815.33 249.82 813.05 247.55 808.57
+ C 245.14 803.82 239.67 801.05 235.06 798.39
+ Q 234.49 798.06 233.90 798.38
+ Q 229.93 800.52 225.55 801.77
+ Q 223.53 802.35 222.34 804.24
+ A 1.19 1.18 -77.2 0 1 221.49 804.78
+ Q 215.88 805.43 210.66 804.68
+ Q 208.82 799.90 211.61 796.11
+ Q 212.45 794.95 216.83 792.74
+ C 220.14 791.68 222.87 791.79 226.11 789.49
+ Q 226.42 789.27 226.16 788.99
+ Q 224.46 787.16 223.02 786.89
+ Q 220.92 786.48 220.08 785.46
+ Q 219.98 781.68 222.93 780.34
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 220.08 785.46
+ Q 220.92 786.48 223.02 786.89
+ Q 224.46 787.16 226.16 788.99
+ Q 226.42 789.27 226.11 789.49
+ C 222.87 791.79 220.14 791.68 216.83 792.74
+ L 220.08 785.46
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 262.47 794.94
+ Q 260.86 800.99 257.69 806.85
+ Q 255.99 803.08 253.75 799.67
+ C 252.41 797.62 250.33 796.65 248.90 794.61
+ Q 248.59 794.16 249.12 794.03
+ C 253.70 792.95 258.06 794.35 262.47 794.94
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 257.17 815.53
+ Q 256.84 822.32 256.44 829.01
+ C 255.74 840.60 256.04 852.12 256.03 863.66
+ C 256.02 867.45 256.73 871.67 256.78 875.00
+ Q 256.88 881.35 256.55 900.03
+ Q 245.70 901.65 234.62 901.56
+ Q 226.62 901.48 218.57 899.53
+ Q 207.00 896.73 195.98 892.32
+ Q 196.07 875.25 195.97 858.50
+ Q 195.96 855.32 196.90 847.25
+ Q 197.61 841.18 199.00 837.45
+ C 200.60 833.16 201.80 829.20 202.77 824.57
+ Q 204.99 813.96 210.66 804.68
+ Q 215.88 805.43 221.49 804.78
+ A 1.19 1.18 -77.2 0 0 222.34 804.24
+ Q 223.53 802.35 225.55 801.77
+ Q 229.93 800.52 233.90 798.38
+ Q 234.49 798.06 235.06 798.39
+ C 239.67 801.05 245.14 803.82 247.55 808.57
+ C 249.82 813.05 252.12 815.33 257.17 815.53
+ Z"
+/>
+<path fill="#28662a" d="
+ M 294.55 868.40
+ C 294.41 870.64 294.46 872.69 293.83 874.82
+ C 291.69 882.03 288.03 889.01 283.25 895.06
+ Q 281.67 897.07 278.86 898.36
+ Q 265.29 904.64 255.70 906.16
+ Q 246.44 907.63 233.46 907.55
+ Q 225.72 907.51 218.00 905.46
+ Q 204.15 901.81 193.41 897.17
+ C 187.26 894.51 180.40 890.60 176.55 885.02
+ Q 176.22 884.54 175.68 884.76
+ Q 172.53 886.06 169.22 887.26
+ C 167.84 887.76 166.94 887.48 165.61 887.45
+ Q 153.69 887.25 141.71 887.08
+ Q 140.79 887.07 140.03 886.66
+ Q 139.50 886.37 139.00 885.37
+ Q 137.93 883.28 136.22 881.13
+ L 160.13 881.62
+ Q 163.49 881.99 165.26 881.47
+ Q 169.38 880.24 174.56 877.48
+ Q 175.07 877.21 175.42 877.66
+ C 177.64 880.52 179.82 883.33 182.82 885.46
+ Q 188.90 889.74 195.98 892.32
+ Q 207.00 896.73 218.57 899.53
+ Q 226.62 901.48 234.62 901.56
+ Q 245.70 901.65 256.55 900.03
+ Q 260.57 899.52 265.98 897.63
+ Q 274.59 894.62 280.38 891.87
+ Q 281.43 891.37 282.23 890.33
+ Q 289.36 881.17 293.16 871.10
+ Q 293.20 870.99 293.32 870.96
+ Q 293.46 870.93 293.57 870.86
+ Q 293.67 870.79 293.67 870.65
+ Q 293.72 868.97 294.55 868.40
+ Z"
+/>
+</svg>
diff --git a/documents/tsdoc/.nojekyll b/documents/tsdoc/.nojekyll
new file mode 100644
index 000000000..e2ac6616a
--- /dev/null
+++ b/documents/tsdoc/.nojekyll
@@ -0,0 +1 @@
+TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.
\ No newline at end of file
diff --git a/documents/tsdoc/assets/highlight.css b/documents/tsdoc/assets/highlight.css
new file mode 100644
index 000000000..b1e9770d5
--- /dev/null
+++ b/documents/tsdoc/assets/highlight.css
@@ -0,0 +1,120 @@
+:root {
+ --light-hl-0: #800000;
+ --dark-hl-0: #808080;
+ --light-hl-1: #800000;
+ --dark-hl-1: #569CD6;
+ --light-hl-2: #000000FF;
+ --dark-hl-2: #D4D4D4;
+ --light-hl-3: #FF0000;
+ --dark-hl-3: #9CDCFE;
+ --light-hl-4: #0000FF;
+ --dark-hl-4: #CE9178;
+ --light-hl-5: #000000;
+ --dark-hl-5: #D4D4D4;
+ --light-hl-6: #AF00DB;
+ --dark-hl-6: #C586C0;
+ --light-hl-7: #0000FF;
+ --dark-hl-7: #569CD6;
+ --light-hl-8: #001080;
+ --dark-hl-8: #9CDCFE;
+ --light-hl-9: #A31515;
+ --dark-hl-9: #CE9178;
+ --light-hl-10: #008000;
+ --dark-hl-10: #6A9955;
+ --light-hl-11: #0070C1;
+ --dark-hl-11: #4FC1FF;
+ --light-hl-12: #795E26;
+ --dark-hl-12: #DCDCAA;
+ --light-hl-13: #098658;
+ --dark-hl-13: #B5CEA8;
+ --light-code-background: #FFFFFF;
+ --dark-code-background: #1E1E1E;
+}
+
+@media (prefers-color-scheme: light) { :root {
+ --hl-0: var(--light-hl-0);
+ --hl-1: var(--light-hl-1);
+ --hl-2: var(--light-hl-2);
+ --hl-3: var(--light-hl-3);
+ --hl-4: var(--light-hl-4);
+ --hl-5: var(--light-hl-5);
+ --hl-6: var(--light-hl-6);
+ --hl-7: var(--light-hl-7);
+ --hl-8: var(--light-hl-8);
+ --hl-9: var(--light-hl-9);
+ --hl-10: var(--light-hl-10);
+ --hl-11: var(--light-hl-11);
+ --hl-12: var(--light-hl-12);
+ --hl-13: var(--light-hl-13);
+ --code-background: var(--light-code-background);
+} }
+
+@media (prefers-color-scheme: dark) { :root {
+ --hl-0: var(--dark-hl-0);
+ --hl-1: var(--dark-hl-1);
+ --hl-2: var(--dark-hl-2);
+ --hl-3: var(--dark-hl-3);
+ --hl-4: var(--dark-hl-4);
+ --hl-5: var(--dark-hl-5);
+ --hl-6: var(--dark-hl-6);
+ --hl-7: var(--dark-hl-7);
+ --hl-8: var(--dark-hl-8);
+ --hl-9: var(--dark-hl-9);
+ --hl-10: var(--dark-hl-10);
+ --hl-11: var(--dark-hl-11);
+ --hl-12: var(--dark-hl-12);
+ --hl-13: var(--dark-hl-13);
+ --code-background: var(--dark-code-background);
+} }
+
+body.light {
+ --hl-0: var(--light-hl-0);
+ --hl-1: var(--light-hl-1);
+ --hl-2: var(--light-hl-2);
+ --hl-3: var(--light-hl-3);
+ --hl-4: var(--light-hl-4);
+ --hl-5: var(--light-hl-5);
+ --hl-6: var(--light-hl-6);
+ --hl-7: var(--light-hl-7);
+ --hl-8: var(--light-hl-8);
+ --hl-9: var(--light-hl-9);
+ --hl-10: var(--light-hl-10);
+ --hl-11: var(--light-hl-11);
+ --hl-12: var(--light-hl-12);
+ --hl-13: var(--light-hl-13);
+ --code-background: var(--light-code-background);
+}
+
+body.dark {
+ --hl-0: var(--dark-hl-0);
+ --hl-1: var(--dark-hl-1);
+ --hl-2: var(--dark-hl-2);
+ --hl-3: var(--dark-hl-3);
+ --hl-4: var(--dark-hl-4);
+ --hl-5: var(--dark-hl-5);
+ --hl-6: var(--dark-hl-6);
+ --hl-7: var(--dark-hl-7);
+ --hl-8: var(--dark-hl-8);
+ --hl-9: var(--dark-hl-9);
+ --hl-10: var(--dark-hl-10);
+ --hl-11: var(--dark-hl-11);
+ --hl-12: var(--dark-hl-12);
+ --hl-13: var(--dark-hl-13);
+ --code-background: var(--dark-code-background);
+}
+
+.hl-0 { color: var(--hl-0); }
+.hl-1 { color: var(--hl-1); }
+.hl-2 { color: var(--hl-2); }
+.hl-3 { color: var(--hl-3); }
+.hl-4 { color: var(--hl-4); }
+.hl-5 { color: var(--hl-5); }
+.hl-6 { color: var(--hl-6); }
+.hl-7 { color: var(--hl-7); }
+.hl-8 { color: var(--hl-8); }
+.hl-9 { color: var(--hl-9); }
+.hl-10 { color: var(--hl-10); }
+.hl-11 { color: var(--hl-11); }
+.hl-12 { color: var(--hl-12); }
+.hl-13 { color: var(--hl-13); }
+pre, code { background: var(--code-background); }
diff --git a/documents/tsdoc/assets/icons.css b/documents/tsdoc/assets/icons.css
new file mode 100644
index 000000000..776a3562d
--- /dev/null
+++ b/documents/tsdoc/assets/icons.css
@@ -0,0 +1,1043 @@
+.tsd-kind-icon {
+ display: block;
+ position: relative;
+ padding-left: 20px;
+ text-indent: -20px;
+}
+.tsd-kind-icon:before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ width: 17px;
+ height: 17px;
+ margin: 0 3px 2px 0;
+ background-image: url(./icons.png);
+}
+@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
+ .tsd-kind-icon:before {
+ background-image: url(./icons@2x.png);
+ background-size: 238px 204px;
+ }
+}
+
+.tsd-signature.tsd-kind-icon:before {
+ background-position: 0 -153px;
+}
+
+.tsd-kind-object-literal > .tsd-kind-icon:before {
+ background-position: 0px -17px;
+}
+.tsd-kind-object-literal.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -17px;
+}
+.tsd-kind-object-literal.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -17px;
+}
+
+.tsd-kind-class > .tsd-kind-icon:before {
+ background-position: 0px -34px;
+}
+.tsd-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -34px;
+}
+.tsd-kind-class.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -34px;
+}
+
+.tsd-kind-class.tsd-has-type-parameter > .tsd-kind-icon:before {
+ background-position: 0px -51px;
+}
+.tsd-kind-class.tsd-has-type-parameter.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -17px -51px;
+}
+.tsd-kind-class.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -51px;
+}
+
+.tsd-kind-interface > .tsd-kind-icon:before {
+ background-position: 0px -68px;
+}
+.tsd-kind-interface.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -68px;
+}
+.tsd-kind-interface.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -68px;
+}
+
+.tsd-kind-interface.tsd-has-type-parameter > .tsd-kind-icon:before {
+ background-position: 0px -85px;
+}
+.tsd-kind-interface.tsd-has-type-parameter.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -17px -85px;
+}
+.tsd-kind-interface.tsd-has-type-parameter.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -34px -85px;
+}
+
+.tsd-kind-namespace > .tsd-kind-icon:before {
+ background-position: 0px -102px;
+}
+.tsd-kind-namespace.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -102px;
+}
+.tsd-kind-namespace.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -102px;
+}
+
+.tsd-kind-module > .tsd-kind-icon:before {
+ background-position: 0px -102px;
+}
+.tsd-kind-module.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -102px;
+}
+.tsd-kind-module.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -102px;
+}
+
+.tsd-kind-enum > .tsd-kind-icon:before {
+ background-position: 0px -119px;
+}
+.tsd-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -119px;
+}
+.tsd-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -119px;
+}
+
+.tsd-kind-enum-member > .tsd-kind-icon:before {
+ background-position: 0px -136px;
+}
+.tsd-kind-enum-member.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -136px;
+}
+.tsd-kind-enum-member.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -136px;
+}
+
+.tsd-kind-signature > .tsd-kind-icon:before {
+ background-position: 0px -153px;
+}
+.tsd-kind-signature.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -153px;
+}
+.tsd-kind-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -153px;
+}
+
+.tsd-kind-type-alias > .tsd-kind-icon:before {
+ background-position: 0px -170px;
+}
+.tsd-kind-type-alias.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -17px -170px;
+}
+.tsd-kind-type-alias.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -34px -170px;
+}
+
+.tsd-kind-type-alias.tsd-has-type-parameter > .tsd-kind-icon:before {
+ background-position: 0px -187px;
+}
+.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -17px -187px;
+}
+.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -34px -187px;
+}
+
+.tsd-kind-variable > .tsd-kind-icon:before {
+ background-position: -136px -0px;
+}
+.tsd-kind-variable.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -0px;
+}
+.tsd-kind-variable.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -0px;
+}
+.tsd-kind-variable.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -0px;
+}
+
+.tsd-kind-property > .tsd-kind-icon:before {
+ background-position: -136px -0px;
+}
+.tsd-kind-property.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -0px;
+}
+.tsd-kind-property.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -0px;
+}
+.tsd-kind-property.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -0px;
+}
+
+.tsd-kind-get-signature > .tsd-kind-icon:before {
+ background-position: -136px -17px;
+}
+.tsd-kind-get-signature.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -17px;
+}
+.tsd-kind-get-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -17px;
+}
+.tsd-kind-get-signature.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -17px;
+}
+
+.tsd-kind-set-signature > .tsd-kind-icon:before {
+ background-position: -136px -34px;
+}
+.tsd-kind-set-signature.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -34px;
+}
+.tsd-kind-set-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -34px;
+}
+.tsd-kind-set-signature.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -34px;
+}
+
+.tsd-kind-accessor > .tsd-kind-icon:before {
+ background-position: -136px -51px;
+}
+.tsd-kind-accessor.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -51px;
+}
+.tsd-kind-accessor.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -51px;
+}
+.tsd-kind-accessor.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -51px;
+}
+
+.tsd-kind-function > .tsd-kind-icon:before {
+ background-position: -136px -68px;
+}
+.tsd-kind-function.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -68px;
+}
+.tsd-kind-function.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -68px;
+}
+.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -68px;
+}
+
+.tsd-kind-method > .tsd-kind-icon:before {
+ background-position: -136px -68px;
+}
+.tsd-kind-method.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -68px;
+}
+.tsd-kind-method.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -187px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -68px;
+}
+.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -68px;
+}
+
+.tsd-kind-call-signature > .tsd-kind-icon:before {
+ background-position: -136px -68px;
+}
+.tsd-kind-call-signature.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -68px;
+}
+.tsd-kind-call-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -68px;
+}
+.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -68px;
+}
+
+.tsd-kind-function.tsd-has-type-parameter > .tsd-kind-icon:before {
+ background-position: -136px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -153px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class
+ > .tsd-kind-icon:before {
+ background-position: -51px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum
+ > .tsd-kind-icon:before {
+ background-position: -170px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -85px;
+}
+.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -85px;
+}
+
+.tsd-kind-method.tsd-has-type-parameter > .tsd-kind-icon:before {
+ background-position: -136px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -153px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class
+ > .tsd-kind-icon:before {
+ background-position: -51px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum
+ > .tsd-kind-icon:before {
+ background-position: -170px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -85px;
+}
+.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -85px;
+}
+
+.tsd-kind-constructor > .tsd-kind-icon:before {
+ background-position: -136px -102px;
+}
+.tsd-kind-constructor.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -102px;
+}
+.tsd-kind-constructor.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -102px;
+}
+.tsd-kind-constructor.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -102px;
+}
+
+.tsd-kind-constructor-signature > .tsd-kind-icon:before {
+ background-position: -136px -102px;
+}
+.tsd-kind-constructor-signature.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -102px;
+}
+.tsd-kind-constructor-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -102px;
+}
+.tsd-kind-constructor-signature.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -102px;
+}
+
+.tsd-kind-index-signature > .tsd-kind-icon:before {
+ background-position: -136px -119px;
+}
+.tsd-kind-index-signature.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -119px;
+}
+.tsd-kind-index-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -119px;
+}
+.tsd-kind-index-signature.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -119px;
+}
+
+.tsd-kind-event > .tsd-kind-icon:before {
+ background-position: -136px -136px;
+}
+.tsd-kind-event.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -136px;
+}
+.tsd-kind-event.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+ background-position: -68px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -85px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -187px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -136px;
+}
+.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -136px;
+}
+
+.tsd-is-static > .tsd-kind-icon:before {
+ background-position: -136px -153px;
+}
+.tsd-is-static.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -153px;
+}
+.tsd-is-static.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before {
+ background-position: -68px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -85px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -153px;
+}
+.tsd-is-static.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -153px;
+}
+.tsd-is-static.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -153px;
+}
+.tsd-is-static.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -187px -153px;
+}
+.tsd-is-static.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -153px;
+}
+.tsd-is-static.tsd-parent-kind-interface > .tsd-kind-icon:before {
+ background-position: -204px -153px;
+}
+.tsd-is-static.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -153px;
+}
+
+.tsd-is-static.tsd-kind-function > .tsd-kind-icon:before {
+ background-position: -136px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -170px;
+}
+.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -170px;
+}
+
+.tsd-is-static.tsd-kind-method > .tsd-kind-icon:before {
+ background-position: -136px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -170px;
+}
+.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -170px;
+}
+
+.tsd-is-static.tsd-kind-call-signature > .tsd-kind-icon:before {
+ background-position: -136px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -153px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class
+ > .tsd-kind-icon:before {
+ background-position: -51px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum
+ > .tsd-kind-icon:before {
+ background-position: -170px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -170px;
+}
+.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -170px;
+}
+
+.tsd-is-static.tsd-kind-event > .tsd-kind-icon:before {
+ background-position: -136px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-is-protected > .tsd-kind-icon:before {
+ background-position: -153px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-is-private > .tsd-kind-icon:before {
+ background-position: -119px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class > .tsd-kind-icon:before {
+ background-position: -51px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -68px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -85px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -102px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum > .tsd-kind-icon:before {
+ background-position: -170px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected
+ > .tsd-kind-icon:before {
+ background-position: -187px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private
+ > .tsd-kind-icon:before {
+ background-position: -119px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface
+ > .tsd-kind-icon:before {
+ background-position: -204px -187px;
+}
+.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited
+ > .tsd-kind-icon:before {
+ background-position: -221px -187px;
+}
diff --git a/documents/tsdoc/assets/icons.png b/documents/tsdoc/assets/icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..3836d5fe46e48bbe186116855aae879c23935327
GIT binary patch
literal 9615
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
NZmR35l_G4O{0}dcmS_L~
literal 0
HcmV?d00001
diff --git a/documents/tsdoc/assets/icons@2x.png b/documents/tsdoc/assets/icons@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a209e2f6d7f915cc9cb6fe7a4264c8be4db87b0
GIT binary patch
literal 28144
zcmeFZcUTka`>%_-5TzIqq$xo`r3nZ`iiBRG(z{ZnN$)K|ii-3S5u{fmRRNLEoAh2n
z@4X|01dtAA(50@mzH5K?{+)CF+}EWTz2eMdW-{;n-p}WG1C$hCWW;pD1Ox<R5AI8;
z5D=Ui1%5}LI}7~FqJ=6F_~Q>#ad~k9g4`y4!oVfq@3c<RkDOF(pE|i3IG7NK8`~P1
zTzg<`U}~abVqlE0Z#IDv5Lmx_ASJE_AO2ba3cd_WyhWof)7KcSn%%`+!$xv!?%swN
z;q!R($hw-UCdfycq;xF!>(iW~uhy*`T7_0aH7`>`EnYuXVq#+YC==3#rnNM4TqqzM
zpi2Elr!3hl!ZdK#y0bV+yVc8rwFEtAX3=QlvJ&e-EsBp)Q`0yKXbNuf-yYw7kh0CD
z|Flk1UuHgvoR+*QR0ee&IDUfUzE7*`A=P$6nC;BPI@VJs|F#`Xc>X!`<6%M7XXNok
zw^unt1h0m>-&2{GiIGsByulr92XZRrazZs&&M3jJintF7A}cE^uW4zt_r81yHt1I!
z6-_gmO@78G3$})kfyhR0^qk?zev_%4R$qSjQI3MAg0)9EM#TOAD=_tf(*)S$7yiiR
z&5v>wk3Bn**iD9S_I#2%<RN>^vi(^O+gpv2i^A);6^AcH%VC>0nH8|O!jN*L<#RtT
z@aF9HMNu*d(BdiZq(LBO%(qsjSot+ZXQd{zLYh#CvOrK(?#u+|XYRylqcXOLk=m!)
zBp`~~1dg7kF(Q#m)I8ZHMOD5%m&U)5jGOW@7+sm1N+O~^j*zRG;e4x@OteV=T4yo9
zSG`^0j^S)ZYp2DT>}AR|n$S)4FPI#8#(R~;Y**AZ9`&yqT;p`rks7Nhz;)dn-TgXU
zw!^Bo@W6|jfp@}ijsSEFo#x3LnG;`o_yXK@2KuG8cTv&K@=dU<kDRvDrYHIwMLCvO
zq%dkD)>?_PK*6=YU9!<Gv-vPbPFB{xGy=JrrzH5LRuqYN7^B$Ybk<D_v`&D$1W(+c
z4PWA{bdj_7MbgidCl1_>Ix8l;<_!y*Qc2ph<l)G;_VsiJ>VpLM<b$oc1|v~6Z@s(D
zxIHI=M+iigW-`1rS4rD9q09ba6tNLK3ym_1C_}dAxqzj8_tl!2lhMrY(%G(pz(<HK
zp+M~Vw&|beq<LoHprpt+h$q{pgg?wxqhu58g5&}td}R-};$8_`U2?;o|H1?XZ|-Xx
zDQt8p{J2EQFNvHNx+7xG*Y8+80WFlM$hF7Fv%4y#kyOHGY1ilsTxkU63R3Fqfun77
zOKsCk`EdoBjfA}_ufKaCTPTL0e-II-v6id|>}&t|CuHBv&{M$K?VXtTabi(7kUMwV
zl!>5cDNNqK6`Br*B~EcVh#5Z!FgiJZBN5nzpC7?UdAc+&AT0ivd;DA2$@YXMPK6=<
z+#U~?*!R0i`3<ZbTYLsg?XXifa?2f`A*9vy{@j^K;D!T!VYHy75({Cb#hme8AM3bJ
z4jV47n9+4+ixR38=hq5ONtB{BpL5xtJ$cVwVP~HcDSWVf<ILPX<KijdFK3_+=a(GX
zB*zPAY_%7|VR~?p*tJjnJYm(B8V4uE6`v>uu|#zDrRRN&j-j>ZOu#h-n#7WO^)@0>
zCT6a$LGWwFLcPfN=(3#6`*UIS%uIT=LIXV-RbGE&!!+8)q~dkx`l{aKCe1`{J<5&<
zlhRo;JX-UC>5)X;mwR+W96`@&ucHp$jIb~B_w_=mH>In?BLume!Wta=`ca+&7~pek
zBVD?f5{nelCaje~EtZn+g3%5GJF}R_b`q}IH$Iom2IRD$^h*R)Cid8Q5~4Dzm!P&Q
z<`iI)4wA#l@TwjPL)*9k5Vc!!;`9;bf?HRMm86wi9LI8A%*NGep3g11H{aP)>%l2Q
zRMMQU!*0J$hJI5Qs3b=6?}qR7O;BU%Yzufc*ZKBV`}ro7zm=C?OY6Vlabc^r6r7P>
z?1c^jD{e4n*Ou441V=Pd1eE8utX@)G5gq72HQAXLZ<hw@vKqxVrV=C6rpQGJRm!_d
z;;DsGbvrYYirVKqv=U%L8<(O4+0tM`W&?W$+Mr(G=`}13x?9@Mt<2G;4_e@k+qlXK
zR}ySGJ2K-9OP@bqsU3l&fV<WcKlS#T%=x2+z?CS}ez<w0_s7;GREejf!z`{gyJRyI
zZixxkAEI<Om1ba794(D=9&sB2wFs&g-%@hM4@KaMobKX^IQE?->4l2wKd@yIYC+s)
z-mu`E`kj=B!)a^B;pecv4W5oh>_tpj>^NU8L*eH4EhcOxQ|);$x(z(Yb5^tudSptV
z%8z{(h@_t`chWkvFX=r!p~Vjhf1AdM>uGK05$1fyLb5D7m0!MUKW=JTZv)bXz9~*F
z$yP@U3UE0=$;yjWr8b7C(1^oNDMZVxYYeMtL}ZnvQDkm>S0)=r_ugabEZ}AJ<<_Fu
z{I^KKIz+V8K|pK811W5r<qY?Sy7TWy^(SX3Oc0PSwH7gcN}}<LFWdt6VM2@I*k=r3
zOC~Wc0cLvpM)7ztN1Y<O51${FRK)u(Pjc7V@$*St{8Z0m=}^kab8G7glO={g*Z8(W
zSK+5rSjRM#ypPh!@$`f}+N{1}g=^9ptvTKFX)%E(#51jAb@Ql5+gw*gHm($H9sy~$
z6*kQq9fr4ES`B)(v%#@Wpd_lKm;$@#_WH#trRv70NA-E63*RW`x>##z8^S*2fr9Ln
zlRG?Zzz8;xu9VSE8s+=(!^TGi<F7rOP=a3IZUDZePl^@9xaz!aey-&X*$`Q+IU{x`
zChP;|$cCA5thnb(!qhZAHlWTbbYgf|CWb{d`(zut9)(2=Rp1A|-g+{M@_J`a+j
z<xhuMJw#aws84qjYA?Gh#GSYQLbXZoeEv@5MIsAljdn4*ah`{#4!BwcUJwEQ@#58o
zMRr5R=Jd^aM{&1Ew_B-ZJ`s7BwMa@)M44N6MNTWjTC-xbl)8-WWqm_0ily_<i}~#z
ztEX$SQGzc}2Nn}2NOMR`rM!Tb)Rz-7hqi16%y>1P2hC7%7MUqF=cZqFBtJNW9BROV
ziv0cjsUmVvsU^X!`1UivK|dy+fSG$3YH8W0`q${`)taBT9jV{Hfh|&RIaJVvqRIFh
zC*Rmvl&3*;XcMiJZ-+Mvfe0xN4N?AvJeABnNdgs(BYb!fK5<1)5UvM!Tz4_aojmUX
z#Ymoh)m%fN(>6|#*RP~Lxt1?5);w}yT_lftje3sidO&MxNgcMg9@S+>M%s~y)0i`8
zT_+7L<eW*pe>rZ~d<7V^<q?e9tyLav`yGW!w+QWz=v_12rvr#K~#B1kv<INSg9
zA9dtKEQ}aMlY5-+uB}B0hO8GR;YG@JqZ<W~B{y4AOKM;%vzVnXlOO4Ft-&T_xi2xL
zkn!F4PR<mDDtlnut}=|-tlSePulVq-`i$GFOd|MmzZ^``<i5dG)!27yiw$#QHI2cJ
zU}gxzAJYz*&ZYS_;DifgId5>K^C^~ast~@nM04^c5dw*&660^p%^R>n4xzd&jo)Y@
z1r=F09>jFOr%wsj^a3;>N!{rvf<BnhbzgmNpsfHl-5KQWSV6Qqm=pBQh``(Kj8?(#
z$0z20$;y+fmF6Da_X>(qpkAdWM*5IYCsuwNwoJh7;9I$#`T6-NUIEKsiS;OylQ(XY
zQtCiR1dyEGJV=~<Z?;1h1!$2x?PTOCO}1HvNmGV@^Nf*k{5Gcd#03@Kcw?bN3N`9s
z6<V+nZBTqX6C!cIb-Wii6(C6RkuLuAS>|zaFOEveB&szAVx*wsyuY?hiBGWR{h0!D
zv;<wYfX5zsXF7;W4&=qQ(A+!w?r{rZ>G`;F9cnib*YxugasrI^%uy@i)>BvC4V8@!
zwy5#iHC#Qar(i0EPA3CuMQbaKy4m$CLjLSNwJs!13b%h{&x7479bv{SjC&3?SO&)3
z6q4nRRP(zOfw-mQrmx@Z64~o}<A=}==46WiN>GNXa9YCE$vD-(CLseaF%6HH+WZz4
zbRiJ~zAtA6*i9;z!+zZ?9~V0Lr66|Ae;}U1e#6D^hMhB6XJNHZi{t>DgU&jb=#rPK
z@s04Hr_SOr%UCRY_SdDuSw^D*Rzre~4PCqgc)DBYam}@G^TxsTqX%w-yWtY<ckh|l
z9p?%x)s0HblV8DV>U-Q2IX-a2Z4Kz_-yIe`m;x2bY1F?XZoIH=`uW{$R)ICXxqU$-
zG#M6s!fDZwUOA_cs|PXe1T@XN3^UdYyR*t}943A1dTvXp!=%8c%)(s)5y@OJ@@%1a
ztlq}Uvhfo3^ZO>ZO|NKfu37JMRRmXfJ_*VOBVnxFFmbq!zc%A+R+w|={11?sJpmca
zCeCi;;-*yO)ywzKxa#q?E%@U-+LGH4<yD|x8`Sa=9_?1hnU~77s5EJk47t)DZf217
zcBFlxVm)KDhR^~wEJQ>{=2|reRd-Kz*Ps1$u6sPFO>{K9^k2Y!@=h7rZt472^BCU&
z|0MZmbh1HlC3#bcjoX#m73R?H>6oW=45{gu0$S>j`v?``ch#0kGur}QbO_gO3XrB-
zS4pz-Yrnqqt-k_LE-&~ox9gd#^n&HE%Z~grM;N@Das8-#U304PA$v*rj36j~qQzYN
zsX>8?%q9DhpxrWR@M>30YI^WUDh4bcn+*bYn;~zt_g`$3{#G+=lBmWE;j}5e&vlDa
zjsdE(Xg^o(Z|3$Tx>~-q5NrZ}^$y0eMd|h`7Y4OWkgF0(Cu&CfJV03AKfzSGB<OIp
z-F_;jfgiT4?IoSIVQAsmhZygliS>hMU4bqd4kc`qE!CH4Q^FdOCtUHaZW3R&>S}$!
zhk=OYL~3fch$-?wa0)OEkynDzJR=vc^vuUQ$hF(>E(q3{7{4uhC^f@bzHUZT>k%%R
zsekA}E`OlGE(x+lP1smp0;Ba7{C$F=@Pp~i$AsJk<BN`9#9%+_D<Ur&IBL|;3hU-M
zePsG>c)x+3Vf9xQB=aSN>D!T;Y5iU~39#6yoQuj6<?N)6w9=nyBnxe3(!~NbAGW@h
z$Eyx+#qS|TbjE@4WT-T|MUrr}C?{DqeQ}z82FhuEL}DL<GIWawDgDpgov>Bj%kdYC
z`72Y<r;dqCgdjGep(oGW*MWzQ>jnSoF_A)d#@S`|;~F|6TOn%b{4?MWJC4uG&NK=D
zqd0rU$A@62MtWD$=Gg>TgO6)b6Vf41#Au&Zq<@p1RG!t}NG8kv#>%{bHuCdAeIao2
zkWX{dyO`XCdv`FlK?jS{48~Uaz;oD6PtoFF0u6HBTHCHh<)5wP<<atkPE*hLsdxqz
zwKv}ze23GR4*SBgu|(~Lb-V?ixXdW}%_wZC8;6dkt@yA6T&PH}dS?)autX+9whBNR
zgKkPBha%(^EAQ2DCtSviSNcybL)N$!Unb3cgSiJ8Cy5==xng@096&6k_?EwQv)KQg
zeg@Y{C%&)|k(6+`3^mPTK3Si@7&}n-g#vWN4Zt<N&2y=qXcd4!3|7RwbJt9~6Wh=3
za2JV~L-OdxZMbbmI`^&Sj4s%NZ;^XVJJ?>r?9UIw%{psu)`l~*PK<cYoln&9cpQrP
zHgf0j6{t#~c8rN^gDlkZcz@#ATv&z_mt7VKwQ8cB$NHyC7}G^zI*#NYxA+I53ap1z
zS`;ute}`B_+P9o(w;!v?Zeg4I=0KO_?T4$O7W7@{HIqlE36Q51*LW+&@`7oDuA(`t
zmh!$0WT(IyrYRZ#gp;7YKpldsnGvf`{Ynue0{7+sKMvA<REq2tGNC(^!-g&$+7@+}
zzK`T{Ht%6EkDYMqFf1v+u~c-c)vQbD%4k1<*L;~=o9Zmm3MP6&loC(9E_MhE4^3ZO
z0y7b7m6NYvbE)*ra4+8V{EG_3nNzL>0?1^oH}d{D_wF{En-ejdBHTK|(*2$K?xVkG
zwYXl8^HAjVOqKQj0f6s~O`)Slp+alXd8@#4Iw?<nDa*0uOh&L$2MIjcQw&67)8nn@
zfBdkG^vhMF_-%7)Fu^iF&YNcD!V;E`i^8W=j6+tw{E3RIDUF4-{AX)@+Nw|(v*cv}
z?g%*ix=4$bw2Rf#odHZ#b*A&lUb>pHys|MW1|l%ipCPeN)|fLB$Dc(9s}LNw@?8G{
zU>U(Vid5}ltIy~zNv>o09)rC()g8O`<5~!qF*Z_?L;+2Sy!WSv=}|67mnOPb!A*2;
z^f>okkk+f3+9?Tg&6NBMX%;BtB3Ds#(PZ6E4`X0e`~amc=9QGw3J-$!nw6)l1A8;m
zFdl>D?g@J3P-41+3N`R32d*Hq0GWj!{3n&rVA)dpcB+|5`XZFFZI1bKA7d;-x=0wt
zy;$6nvCJ$_&JDjWa%`LQYq&(6LqBP7G_+`+4$|qk7IlS4<xyL?2Cri2apEP+a3|$g
zkI%*>wK{qnP-3!yFO%_fw(8(Q(#|htD?ECEYPeT&anf%0GjGQC<0)vR3x=4pq`@gX
z{0?*O(e3p_zu@N9G2O%!F8j&|FRhF(<O+?_l((PoZlqbR@x`q1!)g3mL&|)Bc}wey
z>c@BWMxZTpdW0xv^K!`2L39%+Hs0#R>a@n-J#u*kF6~?DIhPrUi@$pR0tS?5wF%PE
z(-eYCc#{7tVRzd>j~xO&LBPK62xxwmxrdd{N6!G1hfD0H?fV)_<a&k@e+~7vnHJO%
z*FH+wn~k&SsK;w{<jL+1f@^seSWQHlFZcXDe!%NopDAN+oUMEt-bgFr61?H2m#?!-
z<vB`(r1gE)**?8lE}Cy~yT@)R2s3`X>B^PBIm|@~CZXnpdaM=<+?&D8Md^RL00JfP
zK|cm@`4bB6muuN!Zck2>k+wh^8kM73#1(%6#^TG;42H{?eTC(h^zB32g{Skc%t3Dn
zcHX3$TQhR}n9xXCd$?igvlBH@ZU~p4OO*Gf=$@=w?9vYs)!RYa9V@}xVt8Sr4y_!<
z<q~wc@~F$*X7x)w>Gjn5?gnl<s<C5Y($wuL9kN85q0>SKhqS-YW^o#@NScez6I3x{
zv>meTLLYSK!pa+|kqQI8rWST7_)jL~mqQ}Ou*!V2U-g|ZR+pB%Z@w|HnZrV~u<x0F
zB8ijuSP3NcsRXwOJ!Q-oxWh3un$93WgEQn_<zx_S>Y*w?_gMhSp+4fY?hMmdN<p#|
z9+jH0<dP9K=4!UM_c8sta~^dj*`C{AmH8(O8rAN1>XYD(iruAlj0&qga8nQ1=c#y*
zgYc@oWp>=|LQ+s})zQ5kv*UF?QMJ2|FN1CzjX$x&TwGJ!4VjOiZxVDVz#r28{^WRn
z{o1SYRs*^Nt9(ZX`w<gOa{O#RjFlhmq3UDbh2cqwxiFLR3&DI102@Blg~&qKsi)$9
zlU=K*<_lQlP{`~75?6?H$Fo#Kezt&fRcxwQpQUC4^}z%D&Y(iVNO#=pBoa4BTgoT@
zLSo^LaO;nup4a^p%dKmeku8{)P3!J4I{wfmIDKq3yWC4)x<dqq2qJU35KhF&L$3=<
zTc69(`#z|T7LVD0;{OD3gW<inB>ad=44v--X~h#aROW$yKE=n-VWRfhI&wn|_X6(`
z_WPK(bt4Q8gxJ=b%BW_nNj&h;H;2z`{vi`~)tCBk(zGYBp?f;(Ua+^@+rKm53ld9S
zPP#A^Wv7>F7c36IAp7(%S716|mr9fnL?n&Q*?OcmX7>@shP*98yVXmJ{1{z!s;@_D
zt0}M~j-0t@?)wY>a9PxzCVtBiTKiS1<;-&hv5CHiv=8d$IOnl?aI_>zR3eW}l*}`T
zd7%jWK1w(iqAjU37u~dz-4@O^=PWhD7_yL+z1;-hnPx|je;QFR?I_x6McEg|;`Zuf
z_}_7>V@hb=%%^H&>8W{N&Ud5bKD%p(B6#&l@nN^wOdQizb`@g}g1c|qGqGr^c>a1w
z|5;G!BbS8(8#mlqM+re6&;L0Ba$evPxRGW!koG@-z@*c+8&^U^7Q+0jg<BG-M}Wf?
zjjc$OK(24WV@1vB=WkNAh2r6iCq`G-(Bg1m81bHVjo5%oz>UtgB$)Bh)OGD5oa(ju
zL&w{}@q-4qVXtvRtXul%gWH0DxXe$&?MN>z2jh1!ElU%a2;fz@xaTyfs`lnr<`
zLv5teGAw`KJIh))Wg8JzoRNMyP>X1rhr)=#Y8O6Nf7>}xLS8!@+&6k0h#H>Nn{`&~
z<<IeuU0(hAypc`1I6-G<`dZzY0FRt$U~r~+(=3DxCc)Z-G0Yi0Yxu_N{&7i&CRXKQ
zW3bxH{r>h^0MI*wtWWT)UGMw#$-to|sCF?yXL$;_=8T>R<TBqqvK{s-b=%&b#60$%
zqNUB21ml8mlB`wrBlE`eRv0)t?*5aA-A$5;ZNU>sAI7ks*W{$R-UI&M5a3{Gda?9J
z3PeWSws3vp1$(`F*+<1X7B6hG<6u)lqr|?N&1Up;Si*MeoRFeRNGZa1=`C?4ZaPvJ
zuHL9EQ^d$jd1pu9n6iBgWPMtJyxmfJGQf{a*eag-%E@KZ$^<Ukr>*2_&F#<Polnmk
zL~AEOVjq#&0^|DXf=3~q+fM)#?k{Rz!XL2c;b;v-FHF6eYDUgg9qqF#uFo#FIs_L^
z_%;tuhJCIu@Ft?=!tESly|8a#?=Dq*$>h|LL)2_l*QS9(#5T>)&wtE8a=@FF+vG8N
zk>*kU^97;}tRP6EGf5HKhlr6@^Nb7N1`_>QnnYF9-8tncspx59kcfE)TtFun#cCjn
zEU2;}6Xu~xx+Bv+O;tKLcuo?~kQbcPghcWdz4-^H!wQOhQukRZRMRk>kfMa~V;A;p
zSqpR3D87(4X}j4Aw<EQ$AiLS+Z;~qZnxF}NnMq04z(?*M>fr<~7h4dgK)pzpZf{bn
z^yt`yH4+85n%*$3rL0fWi>l^4|J{Qess(a2+0W-O>gl%xIaVi`l9N3Nq}{$Q?o$#6
zP(6};On20~O*x}!V+=9YO)zz4yeTv@_04tEzA@Muc((5aTR+rHpa6@RymHX{a%Ss{
z+ZVey@TSCpCZq6G3WNWPfd3Z(|HlaUnQ37#)!hnd5VH}%lQbK+^qVrFox87bV{eTd
zMjY@0wT+?ndYzV$vST&K{gWpow&Zbq;<l+qhzT912jByfj@D9pr1yPljHYUQ(sL`m
zX_-PR5AdzyQ&UqtzJAX3)J-qrJ<bwy#uCQEqQqkwcLbJI1Q&lRQzhyx6r<b31Km$3
z!F?O9J7vlpMsGHB-YKt%@HGx200SvnrQz?j+s^LG{C;W(B5<8dA^5^!!Oo12BFQ$$
zr!ij8v5uo?RHA|XJ#HAHbv;BQUc^Jo9am4C<|mpuM5gA1xjk3zB!*?Fter^uhYs}7
z+qMoHN|-9|1?o4c<jv3Aaf?pY@U#<*(QeSjn4RAQn}k;%0T_8JOym*c<9VQ}h}u$c
z`z=s=6J%8_Zc)zkh=&cWPC+#TGs*kS=ejdyPJCbvM7@7K>%=a$(B%@MLh@v!P|L4U
zgM9JBN_Gb)g+}3@K$8-*b+GGuC&@6v)Fomd?4){kVQ)620*%U<8saNfLM+ndN~1z>
zV$;~rU}Fc&M@|;i!@q(ZqbHdoB(EYYOs>u5j<Sqa36ltdCKqz~%DC5&mj8C6$;bgx
z_3U=NA9F&qb`#Wa=5YB#ZrwtX7iZ<s-pU7=eLvBI>d5A-M`}}pr;g+_B5o2kj-|Pa
zF8qc!e5d+kUV>;ih=57(*r<G!DGB;8H}xakxGYzNTHJ}VysI}o^~KDnO%cKPArNua
zL~s3<e_g7aVdYrODt=wdJkB>24g=<x#_&oxPARZ)`GxlW%eSflA$<lK8xPZ5gx(|U
zvbwK5W+G->6@)>+c%LfGLw_-Bbm7r_`az+tag}5rqG&jrg(-W~CJFkaxZTf@_Ofx@
zzxqF#<4|HKKBpc&B9R1r8t{!k_=WNfzbR?aogs939=bT|!c4N>91ai-wsc4|JdG9y
zGpB1A4i1ueuSS{R3h}0^YLpx`pB;Ok2-R5<Uzipr&$bkf)a1Xq64t^Lq$nfo+`z;>
zZzHya))4+|xc0QJ*&1>3;@0$RcgE3M_rt55cZ9<51j!pV&i`8js3v%e$CG{I{X+yj
zruhC$iN%UA-Y%u_?FQq!rBg;{`8h`ZCg^bG&OC=733*%4cUW`DPGqp|OgNy?)-Lky
zuY7>yw$@M~J<ZX$_OQKv{jjC-=;ddkog;2K8?R-wef-=~Ry%gbHmAoD98YDLtj%IK
zUk$DV_>l<jUEb&w=HlFBsb!)BSmwLSGBYW>&X?9MI2RqOdsWZwzFd6{P)UF5-=GVh
z;$}}BvAUMs#V{T@TweGxI7dhuIzFqotm&oQreos6)^Nt1G4l8ce%&u1F<%WFM9t;W
zBAEtq#1FS}e7Gq{9nzJ-0@1fhx^+w)&5)h+@I@?kv+h4xs>`xqTMB()<Ab5axJ4up
z<(TQxF<hcqh{U2q+kO4M<&;anQf+MR!Ql#st?GWL_~8*d<Xip^kNCy3#6j-2MT7-4
z4&|GMz?=H5)xm6LRnCOE_oNlGjN<)lt}PX}DRT?A$c#Y&)c#gJ*v}NPhxz(lx%$!R
zt~?UQieWqo{WhZ85uudOjH|}ptGH?uZ@o?^D^Z8WQI18aX7IPs52D(fJ+FO-hUfDh
zlG`wA77Cohi5W6*fYZ{nU%>kR)QH0W6ODL=b|ea)CmcTzPItT=KH66{L4@p}bW9=F
z=+(cM#QUgiq$M^X08=_kUPU7sf!8j#4rN7NO0#TX0-;8=ySO&T7v$C}*`++cHZu0;
zRv+{Je*j9;z>+TGv1i76Qc^1l<FzA(;W63fE@?6=fv`)|kV0A<%TRYka*2HUX^iUJ
z_k!>u^>XXp&w}t;MzI_nTpY_m?O?J|UF!?x>j)zIZZ*}uTg|S?56^~@P4iEAwq<wT
zHFW!5*Miw=b$Y4C81RKf@T39b(xf&{BLWIq>#7&c^D#OmVAeT^&ib{UcAER@k$$X;
zQdR$NNz=G^;6|aY!VuP>0e2>_I^ymyjmC*~Oj(aU>lb7XxoNc&mR~Hbdff<j-pH84
zCM75&<j&@&`hPk{f-&Z$@5N;D-oF=<Ls&$96qBbpefCRIWjG2|8J7o;+RjCIzSuHI
z)4tx)@Xl1xtDUV07*i-aP4;ksav+hBwD0rB#eSj_#1TZ3)c+zT8$XhUBZ72~=#COi
zIE_msMcubd3wI*smEYYQ>iYw#m3DLJ)nb-vczmSGI=PaP=yOJ4mrW01pSsP02=(ym
z!R+#8VFsL>Puje-hBZZ0gY`?oFt44R6Z--pJ~w8q7te$W<+z`WB)mKtrOR>%f~{*2
z8>hh;3|%NPQq8-xDbWw`*n5*Ni7GB0zr7D?q`b1s^a4*X%Jk>EYA*r$va{t*S$Wk8
zL^lqaL9$a?PVadKA#e`-ocbsFKC1awpXsVmMxs^Fnz9Tb*6tD1sa`<GTqLp*2Ylv*
z?>;k~@OqRo@ub(|hVwu)j^O#EQmIetE!ma(-|!O<`ZRqJb<$^dia$W5ARK;F@n)=G
zXY|L|OhQ88G?ay6&;=(qqYF;O$NJ7x1?PPHYJC`UButfql;CF9^Z@N$9e`rgvKY7-
zzkY{r^gSjplQ4S;+v7}YOOB)q;im)xJ8Tb}^>Fe{+E{o<&QW1zc~g`vO5=ii`UUW?
zZp)~%d!YRLs1P5Gsp1zs3gc8)u&mU&?P*XcG+Tr-__K7L+$}7WQfV_Ngi(tq_9feK
zK+m&sYg9Dt?NYYIX6$uOy3OW4i<~fWv+Cf(7LSO2Cy{IK;1#Y8C_5@I{l+TY*=I|v
zB849$N`$Qn3)Wezrk<j2n7>#N{(Sj^ujO*o{#sa4oD_O8zmLim4B{5HQWLd}YpB(b
z4G-q~15C`KQcuBSO|^7AHPTM2RneHT?`cv7UxhiJ{_{;Q;kGe05x5xg&K3|_>$<x;
zurm%1*cjvJmLv?d1B&2JPQ}IW>pD_a&U>aXaI<jouTkZMz)WKz-$Oc&UJdD;vPMl5
z`xMp60BHc2FN^&_6D_o*5JIAbE&yi0A`AJli;cFU^^I-0k8TM&L7PAq|FX9|3U|?9
zqldQSd-jN;b?%w?#`7JjMWaFP$2o6d>13$(JL50d8Z5nu7<iTH*YUxHxw)M;>>Swu
zA*$V;mYnn2)kI5c`a29y*`L60#8U8YzlVb^NVbZO*AIlUcC6<a#Sd)6&UF)HG<uwj
zGKm_cvYD1&UCwy7@{Es2Q<m$p_-g)P38k#fukjAnNGnBTEKYO2CS<KTl*%tNJ+*)_
zQJUu#2`yE-@K=76KFshp>{g-vYStoB)oYa(>HrRpU$_+Fu$?E^-+?mgq9i+l>lZ?b
zT6(Rs*ytr2RlqzPAC<(}aFaO~EuqFiP9Nk%5YV?9#t-?A=4jtCuRhpfZRc5{uXo+q
z=LI8vUYPpMT}NAmAiT1T|Lra-gEjft1a;1k`{Oe~KvJy%Wz~FR@vzsl)Hj`G)zsap
zD0(^YuCzHguv&0Ryn%gl!eek+ywQej&`(Qef(ql7E<N}jCt7!K9s*kZyAWmHJt~5s
zZXO7c``qV{fSNg{M#u8TX>cAYQoG}tAUY=Ns<Bhnvb^P|Q6WTvv?>0uhUO05V)*ND
z@*NLrHqhR{%JlU-nMJbBbn#Q$0gDOt;1glG|M6dhX@zoq#PRvcMk<`}n-dBYPlDbf
zY2&o+<&J4^>4Q557tWSxa)1M;mS}X$!JFe6+<N*@@SV}5aaymUWR=UpC7D%KGrs^=
zw=UNpln$T#?5iy?nCfSc&#%9RnidtRj<PpI7sA!<4wKGo)f*`X7%j4f-m*$+U*c)5
zwQku4Dx80w>N_0AI?erp9CdjDGuyvnelpc04y2u#n8-PU5wo6P&9?ZpnONA+t}Ucy
z&nD(V>H%M8avRC7jdV$uW8n|L5W6kw7|(e8$j>_ZLqe`6y!1fWM}{tJ3t7H<HtJSf
zy`;mnTHx!N+WhnypWX!2$xhH@<i?3deGa3*72h(^29TP~XF-*$&?aA=yBv+pZbE&f
zpe3_RpISwx9q|1PuNU80ATP>mzB894QuSOpNj=&WDT3e5Or0)3wFwasb4%9_M@6)K
z&l3J-@<{!8U7l<Yxt_N&Jf59@T2>Z%P!XZsO|e<vshw6ZYPk?b)d^ubVv(18Z24L=
zBz|1)Q)hAm7I)G0S81JMuZNMC#eU0Nn0Y>jU04NSjBEBESP4Ff6+T}!&pxTCxBG{W
z{I$5gyC-P##k--2l=5r77AsRg@o4?Q7zqe%7Y9-kbSnK|KDcKK;nZqb@o$i(QzUtW
z4FlkIku@T67|OO;)}XWaH<P;2-@NHe)t0>SwT$i->~}#O|Bld^q?M%%`d*s2x9BKP
zZo$OD?q27J1NAg#Nd(Fn?4I|PbI>nwdR&!F6YOHC^L#n$QG{zQGnjL8QL{~TyS%sy
zMT%4c%BbJPXL6?WNg|O1-c<>qUm^=RW<L?D-RWHQb1K_AP<<#~t2jyhQ5oFVoQ=dN
zx`qn0teJi{nBl&fFL+$0YAm)9RYTXphq!14aq8bcLzkvd+h^N7DS`OfGb_*SHM1p?
zw9y36vuz}lt8fd>`+5)eH2jAI{T^M6-_natW57V(D?*MKT4n;I#vjkQ1Y~X{0hj4%
zF}qYRzy8zJX(%d$`X$XgPvDafqM65Qw_;|~(JO*m8-*q1ir0~W4cd`@#KX3_GEp5t
z5?rPAGz%$L?%(5dRFgw~R^|tdxXDGF>^=J2drvtC0;nBNt)$2d+>6A}c}i_~ef`fu
zywIKq{Tp+H@09h2i{+Dn7?p7~8D%gZ+<(bq<1f|tL;Qy~w3}O7WX))3Ej+(psj!1-
zrlt&tNKU|u?sySN{!ByuYY@P5bL5@7&Uld^k~iLzJaP7WDAI|JZrsHHT>hmAC?xw&
zC!c!IBNTzL7K;wAXR3vVTe1i(oYdqoy3H0Zw{@>?*4UcFaMCNHwib2efs0(Ync=2q
zwM72#(Cn=nv2ablw^j({)fdng^E-(uP|5UD8@CzqpKlZ^=HH}?5{kmM7vLAoAatc;
zwH5KZJkkdhh8C1p5+HZgC}LE+Xu}KIn7|*#?;j-8^-VaZ5jOW{JA#*;g5p`(xTiDd
zKkPnW*IU@QEsE%-JWbaZU2+aF3<-bfklBU}TCC{E-~c1suP&!}=v`e&X_xF{wro+L
zcgxt?1af+ArOGprbI<(>!E99@GkN&7?#q=uz{(bMN@|0qqxcTr07b2;i>k6W8Za(r
zOGe?77{mF3SVV_<+hIDRNdbE)(lSDJU|Bf|swOh*8)pQ6AizER8M>1xnN1+Qcqhg$
z&ak{6PD5v75^-mAcvoOH6*!9Hkzpt)*#Ip_vNoGk)^|nj*9+w7+7R(=j4q>aw<4Wc
z=nB<bB^xQ3CWj`=?xTeiJh$G?%Md3-;8dR>x)kd4$ER29&>bnknJ`n4)pOczJMPJ!
z0)p$AgO&S=`T1(PYN?P}4cSJ%&R?iNexQp^N$*`-AbT<Mg+2QdYf`e$UTVLGRBgrA
zJ6O&ryQOBnnhGclF8s3o>P7WfZIW#P4d}}S2|=#O7ke0mzh*aEWQE)y!|#~iGCKXe
zpzrFFL$pk!^d8pUI(IfGO<%TTQHsrDXLDNnMC6*d0wT9m7x6Ft7V=_OlTqkuj{x>p
z;1kpB_NxE04RdYk)Y!laqUU=rfZJ$T5)`7`QV?5(Ltg_xlECcjtEa{J!@6Brx);>b
zl?P)xrifEIfWi;~!Hgrq*7bz~i3BH#^2_mOIb$vnOz3yqef|S?NrX2~aMzcrlIGhJ
zJ57YYnbrjk0gMXNJsZ;3!GV3+U0eN7l{dNPN>2^D{M%{F_n#@Jh)M2G9pb6tlT&F#
zzc){OFWO&LCDH1cNMGR@X9VA+vt>EiQ|#sD{Y6sIh0eE(T5g#Bhn{L{CgdEL#dtrL
zC>~e(BtwcN6QdM$0h>v5cu{@BvleO1d{z*-w8N(k$wHP$AXwvfT1)EL-?E&6nLdTq
zFA@*HmwLR__b301zkRRgd(MeG6hCvppG6OwFv=2NKQVx_rQX$Z3q-DFDcOMHtbuC2
zb}=nSGqv$BlXjj(ahhid7ECVPglKaK;z#;LgZZ+OisWYuKBPX7xpErFk*@EYkKqg2
ze61oYkPXBN#&}jK`c6OUoF{pGl<QZb{V%2dGHJK}DD_j*kvCnMYdC4jSiIfyCSral
z>COmyvi0VbqIH)+GaMDJ>Eg{$20?GwP~=nbph7<I`L+djm-B}^A!R$!yO&$v`-Kwi
zo~rp>n3wT-iS@IWTjG!q<-}5nJdNKFs75SDJ`2N60FM#00h+c!NU0ufy*_DlHj73t
z5%X<pE9MUyg*kDA<A)*2-plxthK{RcKtl&N)Fx47KAa~3SNAI#nYiF?w%b^?Gt6E8
ztLjfjuvH8Kn{$lzJalDs4jHp~V)wY=S(zLIZhmkb7!CXk;TrJQm=-mD&}H3G!q3;{
zijvG+wr@{DOaE7;e&tUtK&fATXdx<=qyO)smy#^@T{Q!?HF91frc_=%)oAe%poV-d
zv)#W59=&WB;%60R^R}58neLD%x71JtMd9BIXNsggzEy$p_vR7(3&S16i*C=OSs3Pg
zn@+b=&5xf9Yu)~{!Y7>`Hqe$xxtHUL9%+{FK#XTYqf1a`&Lh=``4pOX3cy239FO^N
zfStakz4XYa-?AppcGY?%Pj@WYmLvxBlKhq06UyFTy`Dj|YO2D`3uG#B$$f7PEjp~U
zN;XAx*Xx;j?A}%@n)?=Uw67Bf^MPlLUonDdnT0whr^OXyCbtVRp^N&tL4I{~Dg4l+
zvxK9}?_3)Y$>n?i!054VsQ<#MMZ=Q@luen-sz=N_VC}l?`zNJtA`krH?K@>?<wj$=
z5%rlq?%_9By#hFkZ@Q6PDx&L|c0Jq!2mfN{<z{*?_VS_n=4{&0QRuH?xD$Dmub@Sf
z_gY>REBq0S+(}^2UlFWDqHi30Pa~uu05d$T+-JrcJV1?<z8RX5E)e_4gD<`H2B?U2
zq7(5mfm(|`aJ;F#fWFu`9XtVZIBJBCzyRe;$koIRO_u?<z#1jbtH<pK3>aXOg(}Rs
zl`@li5%>|PHxJjZT#h6)u5#ukqU%dvk;$HYi|x;L7naNA&)c1zj7(iIm+BYA&tK7r
zwW0zwzaX`x0|CVQVi4}J(N#ScVIBUXBSyY%CN{!aH)SJ(GEwpFU}-yF{d#w05hL=m
zqA}!Sf^U&%EPmu~34)ZMEMW<VZa^9bz1(g#^NBGZ6G5nj`jPa8@?fvB)KQXI>Z|Z{
zf+Da%zhehlo-wY?=x^Nensm)O!dR`~B96^wloNE6>dRY#u#pQB(ftm&2{0{aPw);3
zLS~XJegtuFdsZ#-4}Yw<2z1ya*ZublDU*Ut>&i)(l$<$AW-E7gWuf>Kh>nR@=~Jgg
zYVeI|2kH%1E@)ScwTRMO*HTWJ!AcdT*o-xoiH_PF%JHNE29RfRx{{W~Mn)HwZeR53
z{~74s<GotWls%_;*|(LabW+@7CAY~*FYRplMtL?f64u}25d!TcSxvHU6|hvfCtP2V
zu9gG++Fwl2r=A!3Y<5Zl=~)kT?raqm{2T5Hw3;0Ak{zMB<Y8`-Gsl6oBo_iUmt;+M
z`Io^-3qi2P<D+h}R9){<z0~V`JI`P*Fx|uXno*}zw~LIk?5m_t@YhS*Sn*NXL-awM
z;lAJX_18<aUITsUs^c!)9$VosDN54Erq!$DoGUGcbIqJBQq;FX%AehT54!ZJWo8+*
z15yP-p-h#N=*}P};b8c|iHN?wh->uQ)4?@;WN79bIYU3yi%hNhnxTu7in4w>kOLA9
z^_cPfyxl`BO^Jaqzdl`|Ez%y3HTE#{dbqX?j$5k&zQxN?z*CZw+vAZV-WEk=-9oI^
zi>;EFv9pBIbUMsM{{@)yaWwa#nUxs`jEZa5y%dJ~ZYpxpbwF;r5KM9NBrtI6bS49Z
z{7GcMaXGAxDfXDD;60Li!JF~fHPwUU&ynr@B*@3ChF52>+Zzj(2PL6C2Mor0xpcaX
zJz8ihH2PY@>!))WZIW^vV%K*vW$Xw?vcF2|dP9n=qCP9;<NPPst$NCLShDK%i8oyD
zWVifj-&Q~RExGFjYHWIa9tz`Aw79zAwL6Q6VLTi1>7B^IZhW=jxJ&T%Ztkc=ADNzA
zsx*6uOG(O5<oxxtT$7JBOz*QJF4@NQ)Ir}UW<6F+KWuYF&q|M2K!2drDdEkFM4^H=
z-|be<vTvIgN>$(&<*ti|J7dW)DtZjKZ4%;`A)POZf?A4Jh3X-N5M*8W<2T>+@m+RM
zso4=f_o0cfhnM$+<Y=2>auk~mI=kVgHZ;l-+V`UB8DLApLi~fqxxCu82ZpTHwuvkJ
zMaL0c$(fK#3^%@^>W3#TVHR`5ZG3y0Clb5K47#1K#yLmQyhW_55~ZZn&H*<Rzr-XC
zTe_FE&f*g+uBz+2aUY)<0F!jAvVHYshA7<6dlI-+mUGi-z0+Q1FvxlhDVKpyUU$t5
z^4om!5DgIrT8vn>`)Kcz#xCRQCFdlucHx%dY1wZPf=tL$KK^-_TTkBlg%SX#-AMe8
zDRJaA`0SE_!0FPPn@x{0rimZQd9k+}88MLx<KZ-+&vWXS%;PIJn`VHw49_2K-gY(b
zVN(R~RfiY9XiQX<MDGE1MUH2Eb!4}V!%^0;^JKGNoa24Fp)~9Q90QP&X99%Hl7&yQ
z@Sl8K=BBbdp9846*|mVFUK(-NA7gFdP^A3>`S?6fu6=l1Y@h3fs<=&*q;z=urTS=C
zK%}u|(8k5e&Y-zSmoYb|zD$^cY}p6(t?!f9J6m?2>T<R>c-Xy34Rp*Ug6P;_=3oS~
z%u;Q7%I5MiGqZ{d!-pEl{0|+1NTm+haNN1M^6$Gh!|V@!B;}D{h3pn(C{xBk%}#IR
zO1TK6*^j5|!U4^zB>Fw$Ab?>qDPT1M^Jx#~^C&2cPdIB_0;KSVNk9r$##HLTSD_Z&
zz)jE%*<zvui$+7Q{(%$~>Gj)7d9uVMl<fD?Xrj2f3@q4s)^g)hL82(FD-4CXctX%!
z7Ix&X(gT6cDCp>=+HdJ8%e}9%lwaY;_kEvV>UsLHx;mMC@f3lzq5Iv&y8{w)@Z#?E
z$bXT?tyF)?<3bugVVY6(e@Vg`2<kbq0rEKOo4}IT_wJ~hRDpMVJ6_VJtap8p=Mld4
z?h6t6hE4g$ccnlimYkz`@sa|Z=86rFW9)s|zq!3s8VoqmkcKP7Ai!EbmBx$Qs|7S(
zsy`#Sx^A-~N0dgi+dnPx$UiNzoBv-d@<B6Tk+~vX-u}}fH(j98rTWp$y!Ufp|Halp
z#|#&hqsxEyGvg~ZDH%r8Q%1pjBU*6ELOWHhH!tHb?8fXGWS9H6wo|{9p$!`)MmWZy
zU_-YiHn-vE>i>|)$^m~$<T3|9B470aBr@g3j=|Bf$NJAM8%umHt^#*yp-fv2bcV+0
zRgXP6A<1A{`BE$@`OG#+g}=B(iG7isHS`{t_8Ze3Q@591`bU-WX*LR!X^S3w)YbbM
zHn`>Wi<p}3F+;W^t6Rv=9PPnW)~nD<(Ve?rTZ$ibYd!gIs68|KWay27!-JDL+0LL|
zhh?F733UneXAN+|E#1P;Z{4U(McSr&9+D>oL<kg@+b-oi)rK0Eet1Z2t2bb;udi<c
zj^Hnfl^55&j%`7s>wW}oXXZ}=w;=N0{<?l6zLRF+N@qmV3@L+91420WF(=t`Hz00{
zrdl&kEsH2^u!%Yg)2-3Gs_)rNao{SA?)F#Ga(Y?h5w)G-!F)o=QsSOIhH&YVr+!6K
z;-rlZJM=x~TPvmLslIwiX=>LOx0{9*as^Bb{)>T@3m+vEip|GPIJDHTEO0j?I58})
z3~@%Q(7?0uCeHM#BsO=kytmWFVcmtD#HF#V$&{e5iF)nW6D|+WjJvd;&5ukcPLykI
zL)z_SO#T-IEgtk{E$oT_$8EEJI%wS_Y2C(F)`01pzGC)%N-d}qrB@+6yelt`_?uuN
zPMGYZCo678{Kdb+IPo{#IN(js1Ummj@!l19H8oPMb}r|M+d{D<cWiHt(YWXbOLdR!
zVOuRBC%`E=CKDsh8FYA;hDlBW(wP#}$)H@B#4+f~DOxgTP@yva;kS^jcRO;Iq(rjm
zy}8o{)tRL#(E^asTLj@m6-{5^P5;DEDXh==qf2%}vAD;!)>&z2T^r|!8rbRwlE=7j
zz{QM`99y<QcfaXdukQ=}-m>%o-F!wvWl#jR$l|ML^ohwPPlBQ~Vi{{yBOjvrhl~uf
zK5Vk45;70o*YhtM&7#Sc2dfA3wZq@0ZZ6N~v6zg&Mz<Uzxh`%o?uto;7ue3F^DbX{
z9KG>Jl<$ZNrwqf-$TiT@#W`2x6Mt;TiS4huyA5^}YIPTFF^l19VciDe9QgSuo770l
zz$Fvs?0FY@_UtE2YE##{%dGmgZHHf<EqhD!;HEM=h}-e#3J2OQNKUbJlPAf_S!M5r
z?X#He5+9^8_kUV!Lm|TaV<e9-a}RQ`u5b6FZuu&#ywhveNUEhkfGd3z=nex^C#2Xk
z93n*LT);Kd9l>zsU_`V*H`P4*F`ul(sYs9Jq*h6rbk1>eD34Z{2K;_cLbZ46halLc
ze2%NUKU&GA!WwUqG&=coFm>87tCT*F4xGxo74O@5Y3xJVE!8F_1FP%~BdC2FS9Isf
zXuW-CnGh!{^D*Drcrxc3Y`W9=5ZVYq<o5Qjo=eV*t$|t&>n-rEs?8_&q}IoEx+VFS
zRga(VCYV$<=Zq#wk?;b+las#o#HsNw*`FGFDeA^*xQuB(cE3~CcEUYt6MjgdL|p=P
z2+pPgOZ0Zk#7FPiJV}Wb={;89-U46uTu_QI1&b)P=+se1|88_^!5Um>o)Nj!lfI}_
zA{$}3*734@W4yItj?<WFvj&)34k@u-s|I_X9&Qj#b-~R$(f0tm$`g-k$h<vWt;n>m
zLJCa$`Rn$L_lRPSglt!uro*Wg-e^WHi@NW8q5zxY<ano%-H?a^I%cRXf%v6=%uN=2
z#udpvD6R-{yXr3e2)C5$nL>dq%ULx=%RZ(Ry~zKFHmgD!x8n_+?xj`!7VyZLb@!Ht
zcyvx*=Ox|L<#!iwxI;b}HqA-#(_<Zqw~i~=KqeNixxkImxcdt?X(xJsMHc>&c7eI;
zh0-~Nl>BWL;lGfbd$~ThM~0`;bnAxA&t^Bg46A9F67?ijVTmmSHXl37dKJH@X%pJ(
zv;J34-$9e2BLwPjbgdS-#g6)O&a!wuZ-4?=C;(W1fb*oq3F7!&Q;TDT{dSIuAJ0r(
zTYW}1z5Y^?(IYRkcvPK{&UNZ!DTD2NG^^l4v6pZ*x!@0~FW+zs*VWLZvD5?b&529v
zzAIr#Bl<dnRJc6Evo)^w;BiB5vcNTQUFf-IB#G$h0#W|Jg91@jq(|(+i*dpKl8#Pd
zGiz?NyvJ~H*Ych!Sn&qFgRMwbj?69lN28poC4p$GZ&7we5dVjjN8H1+v9;1&)7R6|
zW-}C@n4^4HL0Z06Z?;PkRe_Rj>pmqud6Eze&qzM(zwET6WE`YFdmz$)SiInkY`uE9
z2W8d!Z|P-BLFnbp3rcnGlI9P_{}G(V#2CJpq^&-OF7u(-e@`ex!`4!J7AZxIWjne$
z*}p)Oo)D;<^YCfczySXZ)mxzJ%Tr<YQ)9rY1h(bc(N*3ltc3P$_wR-p|7*@hbkAB@
zgcCaw-$>h$e@@Xs6YI$UjQXTpMM3=OD}yJh-k2t_G}69%^Fr!Z2HQA5*4M*x@spn|
zrheG^IKj0ez3X@*QK}PLKen)$lLlOFZ8tSxuEOsfZ4ZBRv~f7a=7}eY0qYvDhVUkw
zZOeCWJKZrO(yrm9v!+wYKhPp+8sVTN>nKBQt1)2z7<G5*dL24v{s!^}r<qO9T|F-7
zrOW<_Y_^e0_T<u4O8WgtbJoZW5g~RLSiMR27m`?H;cNCd5SVZClf9nR;z^w#^+%oH
zto~T*S>ZTr41?oJxD3UIFa*^`;bD2FhRFQI1$)e-S7>YM&OE5M83i<P(In8Df2^=#
zY~^vePO)5M@EItLWWGj}9-B4FoOy78LF8+&-@PhsQ-zGX@7q^CqI4)kE+EX4s2h(9
z`9SJP9|b=<uPd!Ay|}QwC9$yQ^aa&>$Yg1gC4XbSB(3HY$XeKc0w~r|t-}85<gb7B
zcnU03P&!9^lVJt${`n8pTw37&zgT&jRObgAtMEdiUyCSYDW#~_QaICEznD6I#=8v2
zv{-P1pVR+{fS?jKubmlTO`9*-e@Ow(&w4tEF$+pm3+(EfhQ73Tz<0fLx%WnT>eyvq
znGOcAFmP`I@uNFB6D-U3R7zi&HI?4$T$XBCYp7jyF2hIU++&75Z}~Yj0lG(o!Q{%x
zle@H4z=iwQ^%fFV<zz{D>}$@P%l|Q*S||Fc=aU(OuYN7&dFa}V3Nc7J*3pGRNHysT
zpl1qYqD}+z4udN>1yr0@uF3~3%~hGND|wBbU_IaPN$MmzOSBa(DV?!lmqJAFWhao7
z6XK-N{+v`HO%=al&V4z}>Sa|@+Qf8!nk9<t1<@7jTc9IrT25e1sOR4#mZ)q#-)v5k
zxZe70eIm}-O^zGN%+am{e~&hEL_`<DJ^pU@H}+6Inz3y4KYmJ{!8rsWNEEKVU7~0_
z4y6D$_{N#qsn|K&uXvVl`LMnV=pwm{%5#{PoKk**?t%NWScS9yd!%Livwx(SQ-|aT
zuzo`5x7GRn(OW6h&f<_OprLnNceScbgr-uSaEgXyQ(+DSwgQ6ZYsv5wL()Me-N$&3
z9IJo!>bZMS#vdzl+RDih{^-@~-07nqb7URdH*R+DD=7!&A9Oi{-a*?F%R^?_>z|&W
zHQ+4C_b)3pp#^K(qJHO8s1UDOMw^aDYOOebgZD{HMbGVDVk$+=PF2;lVmdaX96DD(
z2>^x9360&?xbJ=C?ww+GUzY7mi#yf$i@Zi^^Y}?DA8FLB1O|#d@$j<UcPT%6_vWn+
zs*--|^^?ULJ~s+h@y0ePd>X3gICv(QdzlV&8dxsHV(c+LsK>Q<lX2I>T<h5`s~9D1
zJZcS@3~zd0FS$sF=qGfxEa!MP_#rL1Wh=-3oniFtDn29<#p6};kH$UP8Fv}kS@D4p
z-2<=Nb5JiJLTzXh(BDyOtktE!N6PbNm613n=j@}TNe`RXX9uudv$3Im{(4y>vzU6_
zYb0#5dCxZ%c~~}R7+|_=M1NiJ;GL(M6jlh!W$wT&BZz#^;TRxOvOoC5av{aK*jUdB
zEJTT7g$OLq7j%VOxq7lBmjswrMs{Cq4i_QLuY?I-R*l_PX%)WEauEF6LE{{cM%g#Z
zY=g9-pHTq4-?B_^ws)ot(CdUT(Q;?3ZgB%&0-LSJk}S~oODd0f;gmE$LNlWC)*SZw
zTF2tWUDe>}3GAgFzfUW{@fr-5%+TXNF!#@u3xLK#M@{^pJ@RwHxR(mQv$rbM^u)yF
zp7gc4+^-scO=w4GnLoUHm&|*G%B4)zdnT-@sLAXD{t?qVWoK?M#QmO7ZDZYumcROM
zT0RXq?@|A$uOb2&0IX>Ab9ty?U)lM3)bo7LPM+d~0IDZ9U)9X4Pt|IhEccrc4$Yqg
zxN&t9niz^0H@V<GLX)ijNTA#*>{LX*57HW5=4LcVn`mZrtz!m-E4LWa#a&|ZE=ZeR
z_be>uWC0uQotqmp(+ySAn|+s`Jh^?c#?)U-^^qVEROY9akEY4F$EfL{d=!)6%BG--
zzxb^*e?e$Rf1Wl1QT?k8F>OCoXwv?=Ung`f@oR`*z|{D)G%5h9(2EXaoVg^$f5Zm<
zKZTunJXG!9$1R~Oja|ej${K1yXo$j8_FcA;<sQ52lqIrcV(e@7$X+zIi7b;aQZr52
z$&fueS>rjQxV!J)?|Gj8yk6(bnRAXg-|KsQuFvOvU}1Q)$#BKFf7rFv3#c^C6nuM&
zOO0Gft$Kq{^uZk+fBQMx4ywF#eZ10jN%@}^6Trc3hC<zE26Bf3bMfIzLN+!xHFvxl
zCyrW{91W#Op9xy7`H+w;0yV357sCF_X)-@MYVP(M<Pd%Xl|7%ko+BPYt^W<cR_&P-
z1WFJBiT=y)>tkr5v?qLPeTBZoa<u(+ouvDu<vth-6hb_JVOflyGzag61R%p}3GJ`r
zGXbF|B-72V81r%qmC54XlL#(?R&H3oodt~DCFQ?bU%=q4`gAa<hkrIRtv2houUiWh
zcRykIl`}5tY0}ys!n``*->}i>5KfE4m^W45!H&tNIy2!R)_bi2pfs)oyorVbu+nl5
ziVqIJzcjU0;LWSXA>n4vmdvWwz`nJ(vB0=#2PO^BiHo&%ecgXrM@U_;#^7aMCflK*
zu?J85J`Tl@CXG@Gz9}c1FQwCP4okOwbBpS37P8a>qfV`z9k+`X5YFPzTfu%<sm`o~
zTK5+?dUu5^4`leHZJAAd%-c3o&$^V%7AA6QLUUJBE206o9XP8{^*w7Ji+}oKNFc2T
zE`v|uWw!-aCmSu2;lwr~Rrp)|@BJt@qsQ>UP!6y`Fvr_P9?4V5;X6Bf8{U9#rCkAZ
zM&uVB!n66B@`9(+a&}!KKRfCf^oQNN+6$^tHoMIK!>*$7-0ZFr=x>*b-P5X-LgxBY
zo2Ug*pNH%q>8qqJmtk=~7g&DYcueN3PcuE3&z~%j0gU<z;JD2G!_<92XBlvHTk*wg
zUBG|)+t>YgSS9wn57tV0QdV~{+bxEnx{U^j4&k6Tg_t{mX$_Yq$xe=@q|jc4#`MB^
zJT!tidMB9LT+XqKk3JFN=!_dS0?dknKn##1>;EeT2o)}9LyEIBz=e4SFuw9d_vq)Y
znKx|vFBXdWkaNz_)-AYMGNnQ9zLj_f%C}~7N!N>u)Lf+CfEIdIU7czh$QbcAide4T
zZQJy*?<2fUv(SP%PV21I_X1kz7G8vO5oI)0xCIvcYt6{A`!}bwQlGSad^&0sE+dig
ztCN-J!D2iYgG*FJ2{BPzy1^u&y=FXDd67a8y7BGP|L)Sh_Z*1ci7meUFD~utdnA|k
z%FkshXa7&|yHfQ-cZaL9*88w++@nx&uAPsEVL*=wVw{~gi>(snR7!xUfN3m@nIRqe
z$bxi@pG5F<PiI<M69mn8p^h{7qsmBCI-pS|O~+;co|m0TS0`kS8DIaSO=kSzM6ELu
z!D=N*xF(sP%>$L=in`nIEOo82`J5h_9j*7~_4)pr(1ea&G+SOCoJiMKDK#1^!`Tmo
zu(KAj$s(@Ez}~eSFW<c~w=$X%Ck^7*5<-|t8pwN6+1#UZl9!e?F+8sGBLEF>D$y#q
zslU<&-b60sArh0MhfMd8Ut(rM_CQZ8FfKQivy3;fi)0|#R9eO4o~zDAw8`&mCJBRl
zL+V<9>B#dX+=Ch6E=t$PUla#aJlOiq<<`$o@7t~|m@_8YX~f5JPr8|q*x0k}KKaw)
zlj4s{p!Bb0(O2I@&cJP`BT4v(=^IBCC}>G;6Pl`dvTGO(u1uHZFzBch#Oi5#?{oUA
zMDhff&?FU9`${$qfOt^aXNUDLXp}!L8o++(*YdqI@rZ`e_9q$WGiZtk%Bd<H=x`mA
zf;9i8Md0$h;8D6H?kGTs7_1JNE0U8737Sa(>wBGNUQLOvKhbHU?bZL0ypyF6t66gl
zm;}?$LvW7=cpykxJulrHg1_Tybv<wf1zZq!y=9F&;V@T*tgdsmtevx|ei7mK{Nl63
zKQ^FA8y-4XZ<(gPkvON~C~~XdPzvdvN4H)cj4a%GQyONoR8ADUFtfFx*c&B%SND&d
zmeDG7HS#9aOZUT?(>k9?!FUgQFW7)ZjiG5RKh5P)A-N+a_IR~*prd%Jub(3dwV#iE
zEZRnit<K@<e0K9Du~-#)AVA~0d&<}_2K41deGg2Wd5Z~)0M6{hoFw=`@XUFO;`4#=
zh1{&`%hnn;0cUd+0jJi1{TaSJTOCI%IKeH?@OFuncWmwh1As>mR!zrZDwcFZbI$fi
zpQ#2NyF^|ZZxhg}_2{p|uY5RbnD8K6ZJ*(Qw2)?}wekp&ya<tm#Gkb8Z*FW2^Tt-=
z!<s@!bgz>RA|Qo#DxsS?SeI+jqSMG)is9$_pX3e<s7;=x1)=GLxIz9dC%*BRj<;VM
zqD@g%%Q6o(T!EQ`1s#Y=!dCxy%gJbw8N|)A4auf+jmu5H-5@mOrYsn#3o>;QRCk`w
z6Eyf}-+>ptnm-5fB$ja02cI*FiDNlWz6!au(Hs}CGqc@Mmic~|=QFFJrG1@1hjtXy
z4~e%c+1cVu*QrSvt}^-J7&3CYOFA(;0v#pDtP1!!v4p;BvW*`n{U<I9#fwaP*CGCP
z*VH;|Fc`i6{-Zv@@x}zF*(XNPY+)bx38%*E3(n=bmI0*|ymKqO)_ynjZ?lVu$M3Ft
z@^O_-9)=jrYR)oTQXOQtDX^R>S>q(dX{NUrV`ti>s<x4DJFd-3of$vPYi*)e@xC_h
z&Ga89&rZKiEsgAjSI=^BH)>Ud7L3MP0-oP`aRTgYw5brGKhov{JH8&ZnR)OJ2X6Hj
z*N%E-g5%w9Tu(o3p@Ox209&F)dqM|)8ypzq@>_T7)U{4lXM#FbS?FxaC!G^bZMM9+
z4tmuQbQP|}fWbv^^L6{ks3C9Ej)`TTPs7Rx%f;*+b8A$!FHS$N0rHb7YlE-;Os=Pr
zQ{twGcgc=sfxFbo@AZ<0v(i)mIIN>SayZmhz4f%!>5C|cW!)L%h17s1v)z*m@qbN(
zLIG`HP@`-xc!<{bo61SZlQWVZ1OuYl!Sb-gF-ru;V-o?-65R4%f%6Z;4dlCb<*tm4
zT`7ejX`!VvI;>13$7YHQz%+8p7l(Tpo$_JB4f^W={o?Bv;zK3iLCjqj{gvE5lo;fd
zHH{q|VzJ(ecLFb~dW44K((lhkhDQ$2inQ@ZcRq7Y>-^*1b>gOVEt)4}ovdHpbt^K@
z|3sf`Dm|bJwcZkK{pP34+PPS-&Y(HzYpQh%%*U0(ohJ^qYv&SPhZse79v3M#nTUb?
zTTjUjU*9&)0S1{kUx6pKuPYG_c~z}evFZy5xUz{>?k8wd<B-YQycaKAt_wH;PI?YP
z&k(AGpR$1yxC`MNWhN8ZFtEYeOHYg98Ind*1!y#+W2STnjXxu{y4s`IePftDu;CGI
zT)iIh&jW^~jercCm~!Nj=2+}ql%|hRN`|gdv|RZ!`&88DzCywOI71lY`h~H@2adL#
zu;X5<B7r^8%uvH6!6>2OGRLnS6!W@2E;KWyJGkUt&UFTh*2NVjj=kW%jj~V001z!4
z=ACav4hf=_2vC25z)FK{a-HCIF%1b@(>NH^N7$**yWUBYO61yA32R`g-kGrQqT2&s
zZ1aW~`>zx~03Uhl@0bL?Vul+mpc)cp64nzfU1rpi*eG&?8WU7Xl4Pf1!!_iKpK_${
zC;xLY0h})InNl8x8hkL6Jpz7odsa%}^mCw|17HWPhf{dC+kQ}x((i~n?<}jL=p9a@
z<9^KPtHyuVYuBL`*B7H;P2iVO8ICwx_P&$c40y;=GC7R)u@F`J-|`;#me&bZ9#xFU
zJg^Th!=rFfc{Bw+ujIxWBM>U0T(6i0?6X&W^QWn?a#<*foA?<)RQJ+am_wkw5~pN-
z7sfTpB>PChT4dEn1d;2VMl0o-hg^bZeAQZSZ%fT*?fK_jkzO;p1^Kn_+yjstFP#ra
zN<m<$+zfOA0CDvkA<quTCY=tEQtWF!J!xQ6s&Yl#wLmNOzvf*$O0zfmHQGmPZ(+BK
zd5Y;Jm<&fxa^}AnUzplno$-E;p#nY;BxhPnU3){Bm<+eHH_>vx;BrMYSMj?`B;0sS
zFuJaW4L~Ou?IWxSIxyrDP0$laaSx}5DtUOzHO?=y^m2JYfcOG)&~ws}entE=bCT7$
z=#rYt?lU1eR^i}WaqU8Z0rKPflqR^`l!q|k(Zo+khOK+ubx;hXEPh&3dhXVaKhK_5
zEW<P_uY;AYq>uW;iN*%L+&b5&xM}Dl-pY8w8~S%KsSYAxoEeE<v8yTS$;zzji?*o&
zB7}Q0MT~feaq{N&z1=z6;dN%-ZPO1W=bEf&5!QaUm4|u_M7JrQ_LNcE1WX-9D$HuQ
zpv&~h!3&uqhTIx=Elv~InHrMMwE)oBVC39*y>0RatjS6)vupzw^Mi4zR4J9^a9vEO
zGsL1|=&T;B!-Hc|XANCOT4+&_Am}oQeN;)!5I#Ng%dGfD89Z`<r{s};smRjn!`=Z4
zUb)k8zsOI^AJ^h(N{2j$$tS;pj1)3y`3Z?C_`agn#ooWa)R{*A^9V9^%FDI+y|B*T
zKU3`Ti5l(Q+R)i*cJQsRZ9uL_AKS8Kmvn_cEZAPq_*O<qB2|%@P}qg3ty~8z`fK+V
z@bJx_ngw6DY<?xd>xzBJfQ5Uq?0g3AeUS9@IhE|>w~}OV)8>HvkoV#COPN{LT#vk8
zt2Z)j@{a(~lW*kv*4-rOL6sffa^(OAYd<Y(@7U-w*mg=E(ie+4)vj#3`d%nzV!H7=
zBBIQBc)T9=@*92K<HW!tq!T!G9TR10zM?j9V?{l=)8qVj4S<I}-1ky|(XELFzR=w5
z>J-0AsgF9gwSQe2wH<MDm<d0qomT8Nc<KcYgke8mk#|(wS3AInQdz+2vA}3RSPP{q
z4d5}eV+z&gMqKJ<ayJTxvGay6`RVxrVGXAczqDc?y<wgqQ&(2_`;R%t+80=qK|vLt
z$&X_Ay?`{WtryCYT2i2d9_suje6^#Nk=j0F&Wa6m-gFJJ-GCvRTs|9S_sml`i%sV<
zB_z3vs*Ui*+di$+_Jex_l7-86U?P@%{iRT}C16Cp1T6i46+Z3*(~#1VX3axXkDe?4
z7~KlrxG~8R<+hI-oNW?7mez*L-J`!oB=2oYf4C2G3j#aY*REDZsDAl`O0?qC5=BM`
zW&1Jt$sqflKJP$WNQaKrhR5$Dc#$f95=Yy4R`8=^G;1Rz!CwU_h=BL)G4rGiA0s$7
z)K}8|XApSHuNQu7-MAL{rG?)GJRi>&X@4yh*TSHt#%TNt1(?*1p$1*$&WoXj%(3D-
zcQ5QJ#PkYUg9UjMs?vZCI$TX&{X=JmqECeM2>uCx|CpLx$`!gYuDe(vVX}YRkFG^k
zURe>tw{_d=^mg9nvS?KtpkI=2?(iG<o@wO0*(Wh9{rs3u;exi~2;ZczWasxE?U;P9
zz+`LwKB=%2fCz7{W~Yi~A&R`43Z~sZ<jwe(vV$|Y1lKIsW6+Q6Q1fk&IS#yB^9)xr
z!gnBG_%Bgj_lT8R;|jOL@z}QjPbO!1L%U!=MbZy_6Zh@jhcPc8iuc|WNUj%!clh2b
zA`M!c0QnIZw7$04+F2|ATv`oSCLx-ID!WLC<`ttFR|Jk4yL>$tPXR5QosdvzxGoCt
z$$I=Gfzpq+2F3?10L^~%hk|tHo!byiu28i+0-PzrVDKCekd-_eW}(>Fp}Ancc191J
z%LV{ozGVXd7!U|yD)X?cRj`u12B#u~Q22#>5x;tCwV54R+A8Kzk+(poe&f<5a*v*K
zT2oU&Cy_LPGej(sedjw!v3{YylrY}sxYF)>cfp<-T!xEu)CFu&YJe?D)I%N!%*L!8
zEi#ZVi4r-oMksMF`zOoUUiq(+KVL}Vgk4zs|M2{i%LBzJSShuf5=6EJK+gfbJ})q=
zG0GhyJ>s|)s`}>jgj5{06DiB8;CT5#UeEFuCDRNU65yFEh+SOUYPR?{idoz^hcctc
z&442k_wYk5d(L7ZTKmy)4^n0o##7c6!_jl_B86&KbNSP0;&tq_AS1DeI66n%PR*pX
zi2%0k-ZNP@3`AaRb)vJ?W}XEv*Z1a+PPd6tY;c0IY-s0=Iw-<kDgM3;2s>*C*soU)
zC=bBofdMQRHt;f`m;%bDO+Q@6&hS8dvdDDe(V_H<UCusr-n-+o4rHj+SHHp8f%s5K
zuPfXDyllpH^Z<xvgY?zbM_jufwz5$_3Y2dUL42GCGL&7r<vd<PiT%+y;xBO-lHoOh
zH(%V=vPN5{Og?3{**c5|oI{?A-_BQmCAGp;<2uycf_dvIoU#+7p2xMFIp&|`amQ^W
z78wE&>-k2t&!J`FL&9w2#0bHLqd5+>n8)4e;ua%TPUO&4#d!TjvD`IHe+m+wqABkj
zoNs5r+GI!s>cQZx77EF%7%V;lk~d43R$%h9**@|sc6SSR>J07Anld(@sT0nyR>Qu_
zPhkc@Fj;M*AKsf3%f|p*H1HyY%3g7T%cCKt?y8k0=-`j0laL`{!mVH11jZ{=3)Zbo
z21^05#asw*jiv?Hew&@KV*;teNz-jz?UZ2y0k!l8DBW^9Rj~0!uD>Ft|27Lg;_|N}
z*?v<ZB+hf-ug?^WJ!E&jA7rSoX->vL_xnuig>$EG@^@kLoJ?zdbt0stXU1YVLJO_W
z<eY(@*#1Fw29!#pvYsu(i@ExEl_)b&E)BrWl1A6;SK5n9oV2y{*4okG#^^xFP%ux1
zxzXB2pv8`=J@wu!|6Uh0C@oWxF$kRKldV?gsf6j?Q&r}lY2r_(DWgygQ4$Y^X#;Wv
zMfWu>Cv!h-*}a>}{Q3SZv`DX6-2%p&B;T>R%A72KsxXP5VK54m2trhI`mBmx(#zV{
zInu6zS{==2l?XBO^i7UsOK?F<SLA(Tsd6hg6rLi-VAR<0YPhRqtV{71JrgO+J(?M+
z1)a4_gk9!z=3aM=%QAT}`T64j_MK;GdYiJ+t_1DRDfSC*L^k|^DlWd7B6QC}fP#41
zBn5V{2buH*fYCb5#(rTAP@aMT?-Fq3EeVAgU<@#fUF^Hr82)IT>k{?ekyEXECjxn|
ze`kRp<BzZ2e>Jim|8Q}?3d(XG1>vcoX%zs<(_g-QWYTElLe@&5AL%%^F!{2#PFiop
zRz~d(ix56>b@e=g)qGNk>2`{de6Q_WxRCIF*6yQFR#bxy#Qy{EQ~~2n-V>tkL{`UY
z&0Rmmuj2DpeT)jObl<7A@des_b`d1V25nwoq~e9M<^f>hHSU>co8g(*{m}-YwofiI
z-mkS=3Wl~O+8MFVW{YqX8E6K**_pPc`QNK@m~X8Hg&Kle5qX4L!dd6!IWdLU*Nlkc
zGiH(n$H6or(h^BfuCP<pKKoz<9{;TBHGc=glG`$}9Pdd5m**1d>B&?kP`30z;2(u1
zR+FQfD9dIbldYlRvSLo87bRrF5U656yei7F$Z+uFv&!-!9(3wD{QY)By0oUJmuQ{-
zU}FV=;Y7LSZ1uxnRdzVY10dxWlIkcKoJet_HxrwC@n~W6^hFyQekJ5|p<I>V<4XQj
zka1?kZLfD%g`ld(`_Jln6>AAWt9jnwML-$NI@O($<9KJ{W<QT)oU1?C9|g#%-1LO=
z{nR<p++pIj-5(pu_BV`hF_o?D_@{=+C;g#?y>`C%l?Zl4-L0J7Mr!-?21u}Dy5k;D
zu}!eeZ*3?R;L}9xDghYu?{zNJxF-U5o>7it>+~T~$v2ua{;7P)<s~?Eoh<G*q(Zu}
zO_19RXh+%To^3EHU;-T;VvTf&*=ol<0UcTK4v)$LNMqczLisb#gZTg+0O%GG=VPX+
zoilX$%XYjJ`*u0%7i?g;L9l?(%|!K+%md-Iakb(rq5*u+v4;n|QnQ*CM<PP(*tHIf
zY$~-i`V=9c6ZpuzU#gW<g74$3qaS?^3N~d=nI)ZfZ<CpR{i*NAzfvO~)Tijk9(9os
zUtzw&bo~ASa0%Eihv;0ih=f|z85{#oXA4$@Ljv;Jd3a^cT@2vk{&5g$0!E^1n7P7U
zk^8V-&R9C|rq*Ae@g0S%_0)xI_2Oq=$HmzX@8bwstgnTtg(_o%*Wo*Cdxs`9lle=s
z3IdP?(VEJ6YYz@|!H2W#VFPX?5h(&MMsSDx3{iIwN#Zp6bm?%tbbpsPAM*m_P3{`)
zf-1Jor((Ijb}Rqd;kPb?fUB^YbH_~!vSZCY4vExYSLf3HR`KXCPPf#tC?jQr1NW!i
zy|YYZboM3hjp|Itz4_8y%mfbx%UWl>^J*yJ<y=N5$Ios2611_FXL9Z-EIBCun365#
z2AMv4k#u871hvzbb$`Ut02#RC0&}~#`#SK|Gj@5A#h1k}ooA&2h0hIrSyj$otPhlI
z0Q1wVP~BRFQ?6e?xtcQ9u<1v`xRY-TNhbes9n~5PH8AB0`i}^q8Lg1U#+F8@%gEAL
zHwpJ~*NUW9|C>6~TT02(a@l_L<@JIZo3wOYJ9t9BNNUnvpIZ184_1fah;Vh@r1saB
z^4y@`7jq3dxmVlsiow+%)C~5)FovY6v>3pvw$J%t@r@7cp&Ec@j$@T1u-i81-!`X5
z*u0~!^hDZq+7k7};*;b~0?h1x(q(|(>8OIVD1hr(THoGWk=iwDyIPzQf69sA=(J+o
zn#EcLV}QPlry2xM(Oe*&QuTxz|DO({_ui&T9ig&XSsUK?V&dy)5>MGnr6uw&*J)SR
z4O5d0C2t!+(VG{Y3fFU3G4!F~;z`0^Z<kF2*Z2U#|8K}Pjz41C7{Kdjzwh41>y$VT
zlJGjGSF&$3BUtfc03n5Fp1KQfb~InA&8`q*1q&GG=||Hzpy6L2H1f*;LpyQht{w?}
zDZ2kUk>FaSr)>&iD|Z|7sH6U!z%}z@JhB~OedrN<`}Lfq^UV}Y43>cn?*zZ0AOM2<
zpX5w(`QSQaEYTvqHz~=NXHUjQf0o%dBkQfeAN31lR&xxOEgYHTdZp%bVXN280=Ana
z^M=FH$n=5rl?&BI)^08Qe_`>YwGkkoEIR+Kv^%~Pb0k^b?3|sA#qp8cs#eTueeM2Q
zRw=0&M&6mX$~YF!Y0ZBc@63#c7`f!9BKSXd@Voc{RoLU+XN*d^;RK${8T?=LBS%Bk
z&gk<Wvi{m6RP~`JE(jF72yg?&3Y^dTAR-sqa3t@&T&?gd+sO=oN18AmOO2_DdgXUl
zWTntu!_5eq0ItOPohTRnPH*5NG%H}#O@ek;?JX!^)g6ce8UoVs-@bY_Qz2oj1odn6
oL7ov%vh@Qi5nN|ykAj};D*+pFH_?)vG{oFc(Nr$KdMEgQ0BnGLApigX
literal 0
HcmV?d00001
diff --git a/documents/tsdoc/assets/main.js b/documents/tsdoc/assets/main.js
new file mode 100644
index 000000000..31494ad30
--- /dev/null
+++ b/documents/tsdoc/assets/main.js
@@ -0,0 +1,52 @@
+(()=>{var Ce=Object.create;var J=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Oe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Me=t=>J(t,"__esModule",{value:!0});var Fe=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var De=(t,e,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Oe(e))!_e.call(t,n)&&n!=="default"&&J(t,n,{get:()=>e[n],enumerable:!(r=Pe(e,n))||r.enumerable});return t},Ae=t=>De(Me(J(t!=null?Ce(Re(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var de=Fe((ue,he)=>{(function(){var t=function(e){var r=new t.Builder;return r.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),r.searchPipeline.add(t.stemmer),e.call(r,r),r.build()};t.version="2.3.9";t.utils={},t.utils.warn=function(e){return function(r){e.console&&console.warn&&console.warn(r)}}(this),t.utils.asString=function(e){return e==null?"":e.toString()},t.utils.clone=function(e){if(e==null)return e;for(var r=Object.create(null),n=Object.keys(e),i=0;i<n.length;i++){var s=n[i],o=e[s];if(Array.isArray(o)){r[s]=o.slice();continue}if(typeof o=="string"||typeof o=="number"||typeof o=="boolean"){r[s]=o;continue}throw new TypeError("clone is not deep and does not support nested objects")}return r},t.FieldRef=function(e,r,n){this.docRef=e,this.fieldName=r,this._stringValue=n},t.FieldRef.joiner="/",t.FieldRef.fromString=function(e){var r=e.indexOf(t.FieldRef.joiner);if(r===-1)throw"malformed field ref string";var n=e.slice(0,r),i=e.slice(r+1);return new t.FieldRef(i,n,e)},t.FieldRef.prototype.toString=function(){return this._stringValue==null&&(this._stringValue=this.fieldName+t.FieldRef.joiner+this.docRef),this._stringValue};t.Set=function(e){if(this.elements=Object.create(null),e){this.length=e.length;for(var r=0;r<this.length;r++)this.elements[e[r]]=!0}else this.length=0},t.Set.complete={intersect:function(e){return e},union:function(){return this},contains:function(){return!0}},t.Set.empty={intersect:function(){return this},union:function(e){return e},contains:function(){return!1}},t.Set.prototype.contains=function(e){return!!this.elements[e]},t.Set.prototype.intersect=function(e){var r,n,i,s=[];if(e===t.Set.complete)return this;if(e===t.Set.empty)return e;this.length<e.length?(r=this,n=e):(r=e,n=this),i=Object.keys(r.elements);for(var o=0;o<i.length;o++){var a=i[o];a in n.elements&&s.push(a)}return new t.Set(s)},t.Set.prototype.union=function(e){return e===t.Set.complete?t.Set.complete:e===t.Set.empty?this:new t.Set(Object.keys(this.elements).concat(Object.keys(e.elements)))},t.idf=function(e,r){var n=0;for(var i in e)i!="_index"&&(n+=Object.keys(e[i]).length);var s=(r-n+.5)/(n+.5);return Math.log(1+Math.abs(s))},t.Token=function(e,r){this.str=e||"",this.metadata=r||{}},t.Token.prototype.toString=function(){return this.str},t.Token.prototype.update=function(e){return this.str=e(this.str,this.metadata),this},t.Token.prototype.clone=function(e){return e=e||function(r){return r},new t.Token(e(this.str,this.metadata),this.metadata)};t.tokenizer=function(e,r){if(e==null||e==null)return[];if(Array.isArray(e))return e.map(function(f){return new t.Token(t.utils.asString(f).toLowerCase(),t.utils.clone(r))});for(var n=e.toString().toLowerCase(),i=n.length,s=[],o=0,a=0;o<=i;o++){var c=n.charAt(o),l=o-a;if(c.match(t.tokenizer.separator)||o==i){if(l>0){var h=t.utils.clone(r)||{};h.position=[a,l],h.index=s.length,s.push(new t.Token(n.slice(a,o),h))}a=o+1}}return s},t.tokenizer.separator=/[\s\-]+/;t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions=Object.create(null),t.Pipeline.registerFunction=function(e,r){r in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+r),e.label=r,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var r=e.label&&e.label in this.registeredFunctions;r||t.utils.warn(`Function is not registered with pipeline. This may cause problems when serialising the index.
+`,e)},t.Pipeline.load=function(e){var r=new t.Pipeline;return e.forEach(function(n){var i=t.Pipeline.registeredFunctions[n];if(i)r.add(i);else throw new Error("Cannot load unregistered function: "+n)}),r},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(r){t.Pipeline.warnIfFunctionNotRegistered(r),this._stack.push(r)},this)},t.Pipeline.prototype.after=function(e,r){t.Pipeline.warnIfFunctionNotRegistered(r);var n=this._stack.indexOf(e);if(n==-1)throw new Error("Cannot find existingFn");n=n+1,this._stack.splice(n,0,r)},t.Pipeline.prototype.before=function(e,r){t.Pipeline.warnIfFunctionNotRegistered(r);var n=this._stack.indexOf(e);if(n==-1)throw new Error("Cannot find existingFn");this._stack.splice(n,0,r)},t.Pipeline.prototype.remove=function(e){var r=this._stack.indexOf(e);r!=-1&&this._stack.splice(r,1)},t.Pipeline.prototype.run=function(e){for(var r=this._stack.length,n=0;n<r;n++){for(var i=this._stack[n],s=[],o=0;o<e.length;o++){var a=i(e[o],o,e);if(!(a==null||a===""))if(Array.isArray(a))for(var c=0;c<a.length;c++)s.push(a[c]);else s.push(a)}e=s}return e},t.Pipeline.prototype.runString=function(e,r){var n=new t.Token(e,r);return this.run([n]).map(function(i){return i.toString()})},t.Pipeline.prototype.reset=function(){this._stack=[]},t.Pipeline.prototype.toJSON=function(){return this._stack.map(function(e){return t.Pipeline.warnIfFunctionNotRegistered(e),e.label})};t.Vector=function(e){this._magnitude=0,this.elements=e||[]},t.Vector.prototype.positionForIndex=function(e){if(this.elements.length==0)return 0;for(var r=0,n=this.elements.length/2,i=n-r,s=Math.floor(i/2),o=this.elements[s*2];i>1&&(o<e&&(r=s),o>e&&(n=s),o!=e);)i=n-r,s=r+Math.floor(i/2),o=this.elements[s*2];if(o==e||o>e)return s*2;if(o<e)return(s+1)*2},t.Vector.prototype.insert=function(e,r){this.upsert(e,r,function(){throw"duplicate index"})},t.Vector.prototype.upsert=function(e,r,n){this._magnitude=0;var i=this.positionForIndex(e);this.elements[i]==e?this.elements[i+1]=n(this.elements[i+1],r):this.elements.splice(i,0,e,r)},t.Vector.prototype.magnitude=function(){if(this._magnitude)return this._magnitude;for(var e=0,r=this.elements.length,n=1;n<r;n+=2){var i=this.elements[n];e+=i*i}return this._magnitude=Math.sqrt(e)},t.Vector.prototype.dot=function(e){for(var r=0,n=this.elements,i=e.elements,s=n.length,o=i.length,a=0,c=0,l=0,h=0;l<s&&h<o;)a=n[l],c=i[h],a<c?l+=2:a>c?h+=2:a==c&&(r+=n[l+1]*i[h+1],l+=2,h+=2);return r},t.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},t.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),r=1,n=0;r<this.elements.length;r+=2,n++)e[n]=this.elements[r];return e},t.Vector.prototype.toJSON=function(){return this.elements};t.stemmer=function(){var e={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},r={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},n="[^aeiou]",i="[aeiouy]",s=n+"[^aeiouy]*",o=i+"[aeiou]*",a="^("+s+")?"+o+s,c="^("+s+")?"+o+s+"("+o+")?$",l="^("+s+")?"+o+s+o+s,h="^("+s+")?"+i,f=new RegExp(a),v=new RegExp(l),b=new RegExp(c),y=new RegExp(h),E=/^(.+?)(ss|i)es$/,p=/^(.+?)([^s])s$/,m=/^(.+?)eed$/,T=/^(.+?)(ed|ing)$/,w=/.$/,k=/(at|bl|iz)$/,M=new RegExp("([^aeiouylsz])\\1$"),j=new RegExp("^"+s+i+"[^aeiouwxy]$"),V=/^(.+?[^aeiou])y$/,B=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,q=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,H=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,$=/^(.+?)(s|t)(ion)$/,P=/^(.+?)e$/,W=/ll$/,U=new RegExp("^"+s+i+"[^aeiouwxy]$"),z=function(u){var g,O,S,d,x,R,D;if(u.length<3)return u;if(S=u.substr(0,1),S=="y"&&(u=S.toUpperCase()+u.substr(1)),d=E,x=p,d.test(u)?u=u.replace(d,"$1$2"):x.test(u)&&(u=u.replace(x,"$1$2")),d=m,x=T,d.test(u)){var L=d.exec(u);d=f,d.test(L[1])&&(d=w,u=u.replace(d,""))}else if(x.test(u)){var L=x.exec(u);g=L[1],x=y,x.test(g)&&(u=g,x=k,R=M,D=j,x.test(u)?u=u+"e":R.test(u)?(d=w,u=u.replace(d,"")):D.test(u)&&(u=u+"e"))}if(d=V,d.test(u)){var L=d.exec(u);g=L[1],u=g+"i"}if(d=B,d.test(u)){var L=d.exec(u);g=L[1],O=L[2],d=f,d.test(g)&&(u=g+e[O])}if(d=q,d.test(u)){var L=d.exec(u);g=L[1],O=L[2],d=f,d.test(g)&&(u=g+r[O])}if(d=H,x=$,d.test(u)){var L=d.exec(u);g=L[1],d=v,d.test(g)&&(u=g)}else if(x.test(u)){var L=x.exec(u);g=L[1]+L[2],x=v,x.test(g)&&(u=g)}if(d=P,d.test(u)){var L=d.exec(u);g=L[1],d=v,x=b,R=U,(d.test(g)||x.test(g)&&!R.test(g))&&(u=g)}return d=W,x=v,d.test(u)&&x.test(u)&&(d=w,u=u.replace(d,"")),S=="y"&&(u=S.toLowerCase()+u.substr(1)),u};return function(F){return F.update(z)}}(),t.Pipeline.registerFunction(t.stemmer,"stemmer");t.generateStopWordFilter=function(e){var r=e.reduce(function(n,i){return n[i]=i,n},{});return function(n){if(n&&r[n.toString()]!==n.toString())return n}},t.stopWordFilter=t.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),t.Pipeline.registerFunction(t.stopWordFilter,"stopWordFilter");t.trimmer=function(e){return e.update(function(r){return r.replace(/^\W+/,"").replace(/\W+$/,"")})},t.Pipeline.registerFunction(t.trimmer,"trimmer");t.TokenSet=function(){this.final=!1,this.edges={},this.id=t.TokenSet._nextId,t.TokenSet._nextId+=1},t.TokenSet._nextId=1,t.TokenSet.fromArray=function(e){for(var r=new t.TokenSet.Builder,n=0,i=e.length;n<i;n++)r.insert(e[n]);return r.finish(),r.root},t.TokenSet.fromClause=function(e){return"editDistance"in e?t.TokenSet.fromFuzzyString(e.term,e.editDistance):t.TokenSet.fromString(e.term)},t.TokenSet.fromFuzzyString=function(e,r){for(var n=new t.TokenSet,i=[{node:n,editsRemaining:r,str:e}];i.length;){var s=i.pop();if(s.str.length>0){var o=s.str.charAt(0),a;o in s.node.edges?a=s.node.edges[o]:(a=new t.TokenSet,s.node.edges[o]=a),s.str.length==1&&(a.final=!0),i.push({node:a,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(s.editsRemaining!=0){if("*"in s.node.edges)var c=s.node.edges["*"];else{var c=new t.TokenSet;s.node.edges["*"]=c}if(s.str.length==0&&(c.final=!0),i.push({node:c,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&i.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),s.str.length==1&&(s.node.final=!0),s.str.length>=1){if("*"in s.node.edges)var l=s.node.edges["*"];else{var l=new t.TokenSet;s.node.edges["*"]=l}s.str.length==1&&(l.final=!0),i.push({node:l,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var h=s.str.charAt(0),f=s.str.charAt(1),v;f in s.node.edges?v=s.node.edges[f]:(v=new t.TokenSet,s.node.edges[f]=v),s.str.length==1&&(v.final=!0),i.push({node:v,editsRemaining:s.editsRemaining-1,str:h+s.str.slice(2)})}}}return n},t.TokenSet.fromString=function(e){for(var r=new t.TokenSet,n=r,i=0,s=e.length;i<s;i++){var o=e[i],a=i==s-1;if(o=="*")r.edges[o]=r,r.final=a;else{var c=new t.TokenSet;c.final=a,r.edges[o]=c,r=c}}return n},t.TokenSet.prototype.toArray=function(){for(var e=[],r=[{prefix:"",node:this}];r.length;){var n=r.pop(),i=Object.keys(n.node.edges),s=i.length;n.node.final&&(n.prefix.charAt(0),e.push(n.prefix));for(var o=0;o<s;o++){var a=i[o];r.push({prefix:n.prefix.concat(a),node:n.node.edges[a]})}}return e},t.TokenSet.prototype.toString=function(){if(this._str)return this._str;for(var e=this.final?"1":"0",r=Object.keys(this.edges).sort(),n=r.length,i=0;i<n;i++){var s=r[i],o=this.edges[s];e=e+s+o.id}return e},t.TokenSet.prototype.intersect=function(e){for(var r=new t.TokenSet,n=void 0,i=[{qNode:e,output:r,node:this}];i.length;){n=i.pop();for(var s=Object.keys(n.qNode.edges),o=s.length,a=Object.keys(n.node.edges),c=a.length,l=0;l<o;l++)for(var h=s[l],f=0;f<c;f++){var v=a[f];if(v==h||h=="*"){var b=n.node.edges[v],y=n.qNode.edges[h],E=b.final&&y.final,p=void 0;v in n.output.edges?(p=n.output.edges[v],p.final=p.final||E):(p=new t.TokenSet,p.final=E,n.output.edges[v]=p),i.push({qNode:y,output:p,node:b})}}}return r},t.TokenSet.Builder=function(){this.previousWord="",this.root=new t.TokenSet,this.uncheckedNodes=[],this.minimizedNodes={}},t.TokenSet.Builder.prototype.insert=function(e){var r,n=0;if(e<this.previousWord)throw new Error("Out of order word insertion");for(var i=0;i<e.length&&i<this.previousWord.length&&e[i]==this.previousWord[i];i++)n++;this.minimize(n),this.uncheckedNodes.length==0?r=this.root:r=this.uncheckedNodes[this.uncheckedNodes.length-1].child;for(var i=n;i<e.length;i++){var s=new t.TokenSet,o=e[i];r.edges[o]=s,this.uncheckedNodes.push({parent:r,char:o,child:s}),r=s}r.final=!0,this.previousWord=e},t.TokenSet.Builder.prototype.finish=function(){this.minimize(0)},t.TokenSet.Builder.prototype.minimize=function(e){for(var r=this.uncheckedNodes.length-1;r>=e;r--){var n=this.uncheckedNodes[r],i=n.child.toString();i in this.minimizedNodes?n.parent.edges[n.char]=this.minimizedNodes[i]:(n.child._str=i,this.minimizedNodes[i]=n.child),this.uncheckedNodes.pop()}};t.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},t.Index.prototype.search=function(e){return this.query(function(r){var n=new t.QueryParser(e,r);n.parse()})},t.Index.prototype.query=function(e){for(var r=new t.Query(this.fields),n=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),c=0;c<this.fields.length;c++)i[this.fields[c]]=new t.Vector;e.call(r,r);for(var c=0;c<r.clauses.length;c++){var l=r.clauses[c],h=null,f=t.Set.empty;l.usePipeline?h=this.pipeline.runString(l.term,{fields:l.fields}):h=[l.term];for(var v=0;v<h.length;v++){var b=h[v];l.term=b;var y=t.TokenSet.fromClause(l),E=this.tokenSet.intersect(y).toArray();if(E.length===0&&l.presence===t.Query.presence.REQUIRED){for(var p=0;p<l.fields.length;p++){var m=l.fields[p];o[m]=t.Set.empty}break}for(var T=0;T<E.length;T++)for(var w=E[T],k=this.invertedIndex[w],M=k._index,p=0;p<l.fields.length;p++){var m=l.fields[p],j=k[m],V=Object.keys(j),B=w+"/"+m,q=new t.Set(V);if(l.presence==t.Query.presence.REQUIRED&&(f=f.union(q),o[m]===void 0&&(o[m]=t.Set.complete)),l.presence==t.Query.presence.PROHIBITED){a[m]===void 0&&(a[m]=t.Set.empty),a[m]=a[m].union(q);continue}if(i[m].upsert(M,l.boost,function(Qe,Ie){return Qe+Ie}),!s[B]){for(var H=0;H<V.length;H++){var $=V[H],P=new t.FieldRef($,m),W=j[$],U;(U=n[P])===void 0?n[P]=new t.MatchData(w,m,W):U.add(w,m,W)}s[B]=!0}}}if(l.presence===t.Query.presence.REQUIRED)for(var p=0;p<l.fields.length;p++){var m=l.fields[p];o[m]=o[m].intersect(f)}}for(var z=t.Set.complete,F=t.Set.empty,c=0;c<this.fields.length;c++){var m=this.fields[c];o[m]&&(z=z.intersect(o[m])),a[m]&&(F=F.union(a[m]))}var u=Object.keys(n),g=[],O=Object.create(null);if(r.isNegated()){u=Object.keys(this.fieldVectors);for(var c=0;c<u.length;c++){var P=u[c],S=t.FieldRef.fromString(P);n[P]=new t.MatchData}}for(var c=0;c<u.length;c++){var S=t.FieldRef.fromString(u[c]),d=S.docRef;if(!!z.contains(d)&&!F.contains(d)){var x=this.fieldVectors[S],R=i[S.fieldName].similarity(x),D;if((D=O[d])!==void 0)D.score+=R,D.matchData.combine(n[S]);else{var L={ref:d,score:R,matchData:n[S]};O[d]=L,g.push(L)}}}return g.sort(function(Se,ke){return ke.score-Se.score})},t.Index.prototype.toJSON=function(){var e=Object.keys(this.invertedIndex).sort().map(function(n){return[n,this.invertedIndex[n]]},this),r=Object.keys(this.fieldVectors).map(function(n){return[n,this.fieldVectors[n].toJSON()]},this);return{version:t.version,fields:this.fields,fieldVectors:r,invertedIndex:e,pipeline:this.pipeline.toJSON()}},t.Index.load=function(e){var r={},n={},i=e.fieldVectors,s=Object.create(null),o=e.invertedIndex,a=new t.TokenSet.Builder,c=t.Pipeline.load(e.pipeline);e.version!=t.version&&t.utils.warn("Version mismatch when loading serialised index. Current version of lunr '"+t.version+"' does not match serialized index '"+e.version+"'");for(var l=0;l<i.length;l++){var h=i[l],f=h[0],v=h[1];n[f]=new t.Vector(v)}for(var l=0;l<o.length;l++){var h=o[l],b=h[0],y=h[1];a.insert(b),s[b]=y}return a.finish(),r.fields=e.fields,r.fieldVectors=n,r.invertedIndex=s,r.tokenSet=a.root,r.pipeline=c,new t.Index(r)};t.Builder=function(){this._ref="id",this._fields=Object.create(null),this._documents=Object.create(null),this.invertedIndex=Object.create(null),this.fieldTermFrequencies={},this.fieldLengths={},this.tokenizer=t.tokenizer,this.pipeline=new t.Pipeline,this.searchPipeline=new t.Pipeline,this.documentCount=0,this._b=.75,this._k1=1.2,this.termIndex=0,this.metadataWhitelist=[]},t.Builder.prototype.ref=function(e){this._ref=e},t.Builder.prototype.field=function(e,r){if(/\//.test(e))throw new RangeError("Field '"+e+"' contains illegal character '/'");this._fields[e]=r||{}},t.Builder.prototype.b=function(e){e<0?this._b=0:e>1?this._b=1:this._b=e},t.Builder.prototype.k1=function(e){this._k1=e},t.Builder.prototype.add=function(e,r){var n=e[this._ref],i=Object.keys(this._fields);this._documents[n]=r||{},this.documentCount+=1;for(var s=0;s<i.length;s++){var o=i[s],a=this._fields[o].extractor,c=a?a(e):e[o],l=this.tokenizer(c,{fields:[o]}),h=this.pipeline.run(l),f=new t.FieldRef(n,o),v=Object.create(null);this.fieldTermFrequencies[f]=v,this.fieldLengths[f]=0,this.fieldLengths[f]+=h.length;for(var b=0;b<h.length;b++){var y=h[b];if(v[y]==null&&(v[y]=0),v[y]+=1,this.invertedIndex[y]==null){var E=Object.create(null);E._index=this.termIndex,this.termIndex+=1;for(var p=0;p<i.length;p++)E[i[p]]=Object.create(null);this.invertedIndex[y]=E}this.invertedIndex[y][o][n]==null&&(this.invertedIndex[y][o][n]=Object.create(null));for(var m=0;m<this.metadataWhitelist.length;m++){var T=this.metadataWhitelist[m],w=y.metadata[T];this.invertedIndex[y][o][n][T]==null&&(this.invertedIndex[y][o][n][T]=[]),this.invertedIndex[y][o][n][T].push(w)}}}},t.Builder.prototype.calculateAverageFieldLengths=function(){for(var e=Object.keys(this.fieldLengths),r=e.length,n={},i={},s=0;s<r;s++){var o=t.FieldRef.fromString(e[s]),a=o.fieldName;i[a]||(i[a]=0),i[a]+=1,n[a]||(n[a]=0),n[a]+=this.fieldLengths[o]}for(var c=Object.keys(this._fields),s=0;s<c.length;s++){var l=c[s];n[l]=n[l]/i[l]}this.averageFieldLength=n},t.Builder.prototype.createFieldVectors=function(){for(var e={},r=Object.keys(this.fieldTermFrequencies),n=r.length,i=Object.create(null),s=0;s<n;s++){for(var o=t.FieldRef.fromString(r[s]),a=o.fieldName,c=this.fieldLengths[o],l=new t.Vector,h=this.fieldTermFrequencies[o],f=Object.keys(h),v=f.length,b=this._fields[a].boost||1,y=this._documents[o.docRef].boost||1,E=0;E<v;E++){var p=f[E],m=h[p],T=this.invertedIndex[p]._index,w,k,M;i[p]===void 0?(w=t.idf(this.invertedIndex[p],this.documentCount),i[p]=w):w=i[p],k=w*((this._k1+1)*m)/(this._k1*(1-this._b+this._b*(c/this.averageFieldLength[a]))+m),k*=b,k*=y,M=Math.round(k*1e3)/1e3,l.insert(T,M)}e[o]=l}this.fieldVectors=e},t.Builder.prototype.createTokenSet=function(){this.tokenSet=t.TokenSet.fromArray(Object.keys(this.invertedIndex).sort())},t.Builder.prototype.build=function(){return this.calculateAverageFieldLengths(),this.createFieldVectors(),this.createTokenSet(),new t.Index({invertedIndex:this.invertedIndex,fieldVectors:this.fieldVectors,tokenSet:this.tokenSet,fields:Object.keys(this._fields),pipeline:this.searchPipeline})},t.Builder.prototype.use=function(e){var r=Array.prototype.slice.call(arguments,1);r.unshift(this),e.apply(this,r)},t.MatchData=function(e,r,n){for(var i=Object.create(null),s=Object.keys(n||{}),o=0;o<s.length;o++){var a=s[o];i[a]=n[a].slice()}this.metadata=Object.create(null),e!==void 0&&(this.metadata[e]=Object.create(null),this.metadata[e][r]=i)},t.MatchData.prototype.combine=function(e){for(var r=Object.keys(e.metadata),n=0;n<r.length;n++){var i=r[n],s=Object.keys(e.metadata[i]);this.metadata[i]==null&&(this.metadata[i]=Object.create(null));for(var o=0;o<s.length;o++){var a=s[o],c=Object.keys(e.metadata[i][a]);this.metadata[i][a]==null&&(this.metadata[i][a]=Object.create(null));for(var l=0;l<c.length;l++){var h=c[l];this.metadata[i][a][h]==null?this.metadata[i][a][h]=e.metadata[i][a][h]:this.metadata[i][a][h]=this.metadata[i][a][h].concat(e.metadata[i][a][h])}}}},t.MatchData.prototype.add=function(e,r,n){if(!(e in this.metadata)){this.metadata[e]=Object.create(null),this.metadata[e][r]=n;return}if(!(r in this.metadata[e])){this.metadata[e][r]=n;return}for(var i=Object.keys(n),s=0;s<i.length;s++){var o=i[s];o in this.metadata[e][r]?this.metadata[e][r][o]=this.metadata[e][r][o].concat(n[o]):this.metadata[e][r][o]=n[o]}},t.Query=function(e){this.clauses=[],this.allFields=e},t.Query.wildcard=new String("*"),t.Query.wildcard.NONE=0,t.Query.wildcard.LEADING=1,t.Query.wildcard.TRAILING=2,t.Query.presence={OPTIONAL:1,REQUIRED:2,PROHIBITED:3},t.Query.prototype.clause=function(e){return"fields"in e||(e.fields=this.allFields),"boost"in e||(e.boost=1),"usePipeline"in e||(e.usePipeline=!0),"wildcard"in e||(e.wildcard=t.Query.wildcard.NONE),e.wildcard&t.Query.wildcard.LEADING&&e.term.charAt(0)!=t.Query.wildcard&&(e.term="*"+e.term),e.wildcard&t.Query.wildcard.TRAILING&&e.term.slice(-1)!=t.Query.wildcard&&(e.term=""+e.term+"*"),"presence"in e||(e.presence=t.Query.presence.OPTIONAL),this.clauses.push(e),this},t.Query.prototype.isNegated=function(){for(var e=0;e<this.clauses.length;e++)if(this.clauses[e].presence!=t.Query.presence.PROHIBITED)return!1;return!0},t.Query.prototype.term=function(e,r){if(Array.isArray(e))return e.forEach(function(i){this.term(i,t.utils.clone(r))},this),this;var n=r||{};return n.term=e.toString(),this.clause(n),this},t.QueryParseError=function(e,r,n){this.name="QueryParseError",this.message=e,this.start=r,this.end=n},t.QueryParseError.prototype=new Error,t.QueryLexer=function(e){this.lexemes=[],this.str=e,this.length=e.length,this.pos=0,this.start=0,this.escapeCharPositions=[]},t.QueryLexer.prototype.run=function(){for(var e=t.QueryLexer.lexText;e;)e=e(this)},t.QueryLexer.prototype.sliceString=function(){for(var e=[],r=this.start,n=this.pos,i=0;i<this.escapeCharPositions.length;i++)n=this.escapeCharPositions[i],e.push(this.str.slice(r,n)),r=n+1;return e.push(this.str.slice(r,this.pos)),this.escapeCharPositions.length=0,e.join("")},t.QueryLexer.prototype.emit=function(e){this.lexemes.push({type:e,str:this.sliceString(),start:this.start,end:this.pos}),this.start=this.pos},t.QueryLexer.prototype.escapeCharacter=function(){this.escapeCharPositions.push(this.pos-1),this.pos+=1},t.QueryLexer.prototype.next=function(){if(this.pos>=this.length)return t.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},t.QueryLexer.prototype.width=function(){return this.pos-this.start},t.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},t.QueryLexer.prototype.backup=function(){this.pos-=1},t.QueryLexer.prototype.acceptDigitRun=function(){var e,r;do e=this.next(),r=e.charCodeAt(0);while(r>47&&r<58);e!=t.QueryLexer.EOS&&this.backup()},t.QueryLexer.prototype.more=function(){return this.pos<this.length},t.QueryLexer.EOS="EOS",t.QueryLexer.FIELD="FIELD",t.QueryLexer.TERM="TERM",t.QueryLexer.EDIT_DISTANCE="EDIT_DISTANCE",t.QueryLexer.BOOST="BOOST",t.QueryLexer.PRESENCE="PRESENCE",t.QueryLexer.lexField=function(e){return e.backup(),e.emit(t.QueryLexer.FIELD),e.ignore(),t.QueryLexer.lexText},t.QueryLexer.lexTerm=function(e){if(e.width()>1&&(e.backup(),e.emit(t.QueryLexer.TERM)),e.ignore(),e.more())return t.QueryLexer.lexText},t.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.EDIT_DISTANCE),t.QueryLexer.lexText},t.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.BOOST),t.QueryLexer.lexText},t.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(t.QueryLexer.TERM)},t.QueryLexer.termSeparator=t.tokenizer.separator,t.QueryLexer.lexText=function(e){for(;;){var r=e.next();if(r==t.QueryLexer.EOS)return t.QueryLexer.lexEOS;if(r.charCodeAt(0)==92){e.escapeCharacter();continue}if(r==":")return t.QueryLexer.lexField;if(r=="~")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexEditDistance;if(r=="^")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexBoost;if(r=="+"&&e.width()===1||r=="-"&&e.width()===1)return e.emit(t.QueryLexer.PRESENCE),t.QueryLexer.lexText;if(r.match(t.QueryLexer.termSeparator))return t.QueryLexer.lexTerm}},t.QueryParser=function(e,r){this.lexer=new t.QueryLexer(e),this.query=r,this.currentClause={},this.lexemeIdx=0},t.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=t.QueryParser.parseClause;e;)e=e(this);return this.query},t.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},t.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},t.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},t.QueryParser.parseClause=function(e){var r=e.peekLexeme();if(r!=null)switch(r.type){case t.QueryLexer.PRESENCE:return t.QueryParser.parsePresence;case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var n="expected either a field or a term, found "+r.type;throw r.str.length>=1&&(n+=" with value '"+r.str+"'"),new t.QueryParseError(n,r.start,r.end)}},t.QueryParser.parsePresence=function(e){var r=e.consumeLexeme();if(r!=null){switch(r.str){case"-":e.currentClause.presence=t.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=t.Query.presence.REQUIRED;break;default:var n="unrecognised presence operator'"+r.str+"'";throw new t.QueryParseError(n,r.start,r.end)}var i=e.peekLexeme();if(i==null){var n="expecting term or field, found nothing";throw new t.QueryParseError(n,r.start,r.end)}switch(i.type){case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var n="expecting term or field, found '"+i.type+"'";throw new t.QueryParseError(n,i.start,i.end)}}},t.QueryParser.parseField=function(e){var r=e.consumeLexeme();if(r!=null){if(e.query.allFields.indexOf(r.str)==-1){var n=e.query.allFields.map(function(o){return"'"+o+"'"}).join(", "),i="unrecognised field '"+r.str+"', possible fields: "+n;throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.fields=[r.str];var s=e.peekLexeme();if(s==null){var i="expecting term, found nothing";throw new t.QueryParseError(i,r.start,r.end)}switch(s.type){case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var i="expecting term, found '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseTerm=function(e){var r=e.consumeLexeme();if(r!=null){e.currentClause.term=r.str.toLowerCase(),r.str.indexOf("*")!=-1&&(e.currentClause.usePipeline=!1);var n=e.peekLexeme();if(n==null){e.nextClause();return}switch(n.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+n.type+"'";throw new t.QueryParseError(i,n.start,n.end)}}},t.QueryParser.parseEditDistance=function(e){var r=e.consumeLexeme();if(r!=null){var n=parseInt(r.str,10);if(isNaN(n)){var i="edit distance must be numeric";throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.editDistance=n;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseBoost=function(e){var r=e.consumeLexeme();if(r!=null){var n=parseInt(r.str,10);if(isNaN(n)){var i="boost must be numeric";throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.boost=n;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},function(e,r){typeof define=="function"&&define.amd?define(r):typeof ue=="object"?he.exports=r():e.lunr=r()}(this,function(){return t})})()});var le=[];function N(t,e){le.push({selector:e,constructor:t})}var X=class{constructor(){this.createComponents(document.body)}createComponents(e){le.forEach(r=>{e.querySelectorAll(r.selector).forEach(n=>{n.dataset.hasInstance||(new r.constructor({el:n}),n.dataset.hasInstance=String(!0))})})}};var Q=class{constructor(e){this.el=e.el}};var Z=class{constructor(){this.listeners={}}addEventListener(e,r){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push(r)}removeEventListener(e,r){if(!(e in this.listeners))return;let n=this.listeners[e];for(let i=0,s=n.length;i<s;i++)if(n[i]===r){n.splice(i,1);return}}dispatchEvent(e){if(!(e.type in this.listeners))return!0;let r=this.listeners[e.type].slice();for(let n=0,i=r.length;n<i;n++)r[n].call(this,e);return!e.defaultPrevented}};var K=(t,e=100)=>{let r=Date.now();return(...n)=>{r+e-Date.now()<0&&(t(...n),r=Date.now())}};var ee=class extends Z{constructor(){super();this.scrollTop=0;this.lastY=0;this.width=0;this.height=0;this.showToolbar=!0;this.toolbar=document.querySelector(".tsd-page-toolbar"),this.secondaryNav=document.querySelector(".tsd-navigation.secondary"),window.addEventListener("scroll",K(()=>this.onScroll(),10)),window.addEventListener("resize",K(()=>this.onResize(),10)),this.onResize(),this.onScroll()}triggerResize(){let e=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(e)}onResize(){this.width=window.innerWidth||0,this.height=window.innerHeight||0;let e=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(e)}onScroll(){this.scrollTop=window.scrollY||0;let e=new CustomEvent("scroll",{detail:{scrollTop:this.scrollTop}});this.dispatchEvent(e),this.hideShowToolbar()}hideShowToolbar(){let e=this.showToolbar;this.showToolbar=this.lastY>=this.scrollTop||this.scrollTop<=0,e!==this.showToolbar&&(this.toolbar.classList.toggle("tsd-page-toolbar--hide"),this.secondaryNav.classList.toggle("tsd-navigation--toolbar-hide")),this.lastY=this.scrollTop}},I=ee;I.instance=new ee;var te=class extends Q{constructor(e){super(e);this.anchors=[];this.index=-1;I.instance.addEventListener("resize",()=>this.onResize()),I.instance.addEventListener("scroll",r=>this.onScroll(r)),this.createAnchors()}createAnchors(){let e=window.location.href;e.indexOf("#")!=-1&&(e=e.substr(0,e.indexOf("#"))),this.el.querySelectorAll("a").forEach(r=>{let n=r.href;if(n.indexOf("#")==-1||n.substr(0,e.length)!=e)return;let i=n.substr(n.indexOf("#")+1),s=document.querySelector("a.tsd-anchor[name="+i+"]"),o=r.parentNode;!s||!o||this.anchors.push({link:o,anchor:s,position:0})}),this.onResize()}onResize(){let e;for(let n=0,i=this.anchors.length;n<i;n++){e=this.anchors[n];let s=e.anchor.getBoundingClientRect();e.position=s.top+document.body.scrollTop}this.anchors.sort((n,i)=>n.position-i.position);let r=new CustomEvent("scroll",{detail:{scrollTop:I.instance.scrollTop}});this.onScroll(r)}onScroll(e){let r=e.detail.scrollTop+5,n=this.anchors,i=n.length-1,s=this.index;for(;s>-1&&n[s].position>r;)s-=1;for(;s<i&&n[s+1].position<r;)s+=1;this.index!=s&&(this.index>-1&&this.anchors[this.index].link.classList.remove("focus"),this.index=s,this.index>-1&&this.anchors[this.index].link.classList.add("focus"))}};var ce=(t,e=100)=>{let r;return(...n)=>{clearTimeout(r),r=setTimeout(()=>t(n),e)}};var pe=Ae(de());function fe(){let t=document.getElementById("tsd-search");if(!t)return;let e=document.getElementById("search-script");t.classList.add("loading"),e&&(e.addEventListener("error",()=>{t.classList.remove("loading"),t.classList.add("failure")}),e.addEventListener("load",()=>{t.classList.remove("loading"),t.classList.add("ready")}),window.searchData&&t.classList.remove("loading"));let r=document.querySelector("#tsd-search input"),n=document.querySelector("#tsd-search .results");if(!r||!n)throw new Error("The input field or the result list wrapper was not found");let i=!1;n.addEventListener("mousedown",()=>i=!0),n.addEventListener("mouseup",()=>{i=!1,t.classList.remove("has-focus")}),r.addEventListener("focus",()=>t.classList.add("has-focus")),r.addEventListener("blur",()=>{i||(i=!1,t.classList.remove("has-focus"))});let s={base:t.dataset.base+"/"};Ve(t,n,r,s)}function Ve(t,e,r,n){r.addEventListener("input",ce(()=>{ze(t,e,r,n)},200));let i=!1;r.addEventListener("keydown",s=>{i=!0,s.key=="Enter"?Ne(e,r):s.key=="Escape"?r.blur():s.key=="ArrowUp"?me(e,-1):s.key==="ArrowDown"?me(e,1):i=!1}),r.addEventListener("keypress",s=>{i&&s.preventDefault()}),document.body.addEventListener("keydown",s=>{s.altKey||s.ctrlKey||s.metaKey||!r.matches(":focus")&&s.key==="/"&&(r.focus(),s.preventDefault())})}function He(t,e){t.index||window.searchData&&(e.classList.remove("loading"),e.classList.add("ready"),t.data=window.searchData,t.index=pe.Index.load(window.searchData.index))}function ze(t,e,r,n){if(He(n,t),!n.index||!n.data)return;e.textContent="";let i=r.value.trim(),s=n.index.search(`*${i}*`);for(let o=0,a=Math.min(10,s.length);o<a;o++){let c=n.data.rows[Number(s[o].ref)],l=ve(c.name,i);c.parent&&(l=`<span class="parent">${ve(c.parent,i)}.</span>${l}`);let h=document.createElement("li");h.classList.value=c.classes;let f=document.createElement("a");f.href=n.base+c.url,f.classList.add("tsd-kind-icon"),f.innerHTML=l,h.append(f),e.appendChild(h)}}function me(t,e){let r=t.querySelector(".current");if(!r)r=t.querySelector(e==1?"li:first-child":"li:last-child"),r&&r.classList.add("current");else{let n=r;if(e===1)do n=n.nextElementSibling;while(n instanceof HTMLElement&&n.offsetParent==null);else do n=n.previousElementSibling;while(n instanceof HTMLElement&&n.offsetParent==null);n&&(r.classList.remove("current"),n.classList.add("current"))}}function Ne(t,e){let r=t.querySelector(".current");if(r||(r=t.querySelector("li:first-child")),r){let n=r.querySelector("a");n&&(window.location.href=n.href),e.blur()}}function ve(t,e){if(e==="")return t;let r=t.toLocaleLowerCase(),n=e.toLocaleLowerCase(),i=[],s=0,o=r.indexOf(n);for(;o!=-1;)i.push(re(t.substring(s,o)),`<b>${re(t.substring(o,o+n.length))}</b>`),s=o+n.length,o=r.indexOf(n,s);return i.push(re(t.substring(s))),i.join("")}var je={"&":"&","<":"<",">":">","'":"'",'"':"""};function re(t){return t.replace(/[&<>"'"]/g,e=>je[e])}var ge=class{constructor(e,r){this.signature=e,this.description=r}addClass(e){return this.signature.classList.add(e),this.description.classList.add(e),this}removeClass(e){return this.signature.classList.remove(e),this.description.classList.remove(e),this}},ne=class extends Q{constructor(e){super(e);this.groups=[];this.index=-1;this.createGroups(),this.container&&(this.el.classList.add("active"),Array.from(this.el.children).forEach(r=>{r.addEventListener("touchstart",n=>this.onClick(n)),r.addEventListener("click",n=>this.onClick(n))}),this.container.classList.add("active"),this.setIndex(0))}setIndex(e){if(e<0&&(e=0),e>this.groups.length-1&&(e=this.groups.length-1),this.index==e)return;let r=this.groups[e];if(this.index>-1){let n=this.groups[this.index];n.removeClass("current").addClass("fade-out"),r.addClass("current"),r.addClass("fade-in"),I.instance.triggerResize(),setTimeout(()=>{n.removeClass("fade-out"),r.removeClass("fade-in")},300)}else r.addClass("current"),I.instance.triggerResize();this.index=e}createGroups(){let e=this.el.children;if(e.length<2)return;this.container=this.el.nextElementSibling;let r=this.container.children;this.groups=[];for(let n=0;n<e.length;n++)this.groups.push(new ge(e[n],r[n]))}onClick(e){this.groups.forEach((r,n)=>{r.signature===e.currentTarget&&this.setIndex(n)})}};var C="mousedown",ye="mousemove",_="mouseup",G={x:0,y:0},xe=!1,ie=!1,Be=!1,A=!1,Le=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);document.documentElement.classList.add(Le?"is-mobile":"not-mobile");Le&&"ontouchstart"in document.documentElement&&(Be=!0,C="touchstart",ye="touchmove",_="touchend");document.addEventListener(C,t=>{ie=!0,A=!1;let e=C=="touchstart"?t.targetTouches[0]:t;G.y=e.pageY||0,G.x=e.pageX||0});document.addEventListener(ye,t=>{if(!!ie&&!A){let e=C=="touchstart"?t.targetTouches[0]:t,r=G.x-(e.pageX||0),n=G.y-(e.pageY||0);A=Math.sqrt(r*r+n*n)>10}});document.addEventListener(_,()=>{ie=!1});document.addEventListener("click",t=>{xe&&(t.preventDefault(),t.stopImmediatePropagation(),xe=!1)});var se=class extends Q{constructor(e){super(e);this.className=this.el.dataset.toggle||"",this.el.addEventListener(_,r=>this.onPointerUp(r)),this.el.addEventListener("click",r=>r.preventDefault()),document.addEventListener(C,r=>this.onDocumentPointerDown(r)),document.addEventListener(_,r=>this.onDocumentPointerUp(r))}setActive(e){if(this.active==e)return;this.active=e,document.documentElement.classList.toggle("has-"+this.className,e),this.el.classList.toggle("active",e);let r=(this.active?"to-has-":"from-has-")+this.className;document.documentElement.classList.add(r),setTimeout(()=>document.documentElement.classList.remove(r),500)}onPointerUp(e){A||(this.setActive(!0),e.preventDefault())}onDocumentPointerDown(e){if(this.active){if(e.target.closest(".col-menu, .tsd-filter-group"))return;this.setActive(!1)}}onDocumentPointerUp(e){if(!A&&this.active&&e.target.closest(".col-menu")){let r=e.target.closest("a");if(r){let n=window.location.href;n.indexOf("#")!=-1&&(n=n.substr(0,n.indexOf("#"))),r.href.substr(0,n.length)==n&&setTimeout(()=>this.setActive(!1),250)}}}};var oe=class{constructor(e,r){this.key=e,this.value=r,this.defaultValue=r,this.initialize(),window.localStorage[this.key]&&this.setValue(this.fromLocalStorage(window.localStorage[this.key]))}initialize(){}setValue(e){if(this.value==e)return;let r=this.value;this.value=e,window.localStorage[this.key]=this.toLocalStorage(e),this.handleValueChange(r,e)}},ae=class extends oe{initialize(){let e=document.querySelector("#tsd-filter-"+this.key);!e||(this.checkbox=e,this.checkbox.addEventListener("change",()=>{this.setValue(this.checkbox.checked)}))}handleValueChange(e,r){!this.checkbox||(this.checkbox.checked=this.value,document.documentElement.classList.toggle("toggle-"+this.key,this.value!=this.defaultValue))}fromLocalStorage(e){return e=="true"}toLocalStorage(e){return e?"true":"false"}},Ee=class extends oe{initialize(){document.documentElement.classList.add("toggle-"+this.key+this.value);let e=document.querySelector("#tsd-filter-"+this.key);if(!e)return;this.select=e;let r=()=>{this.select.classList.add("active")},n=()=>{this.select.classList.remove("active")};this.select.addEventListener(C,r),this.select.addEventListener("mouseover",r),this.select.addEventListener("mouseleave",n),this.select.querySelectorAll("li").forEach(i=>{i.addEventListener(_,s=>{e.classList.remove("active"),this.setValue(s.target.dataset.value||"")})}),document.addEventListener(C,i=>{this.select.contains(i.target)||this.select.classList.remove("active")})}handleValueChange(e,r){this.select.querySelectorAll("li.selected").forEach(s=>{s.classList.remove("selected")});let n=this.select.querySelector('li[data-value="'+r+'"]'),i=this.select.querySelector(".tsd-select-label");n&&i&&(n.classList.add("selected"),i.textContent=n.textContent),document.documentElement.classList.remove("toggle-"+e),document.documentElement.classList.add("toggle-"+r)}fromLocalStorage(e){return e}toLocalStorage(e){return e}},Y=class extends Q{constructor(e){super(e);this.optionVisibility=new Ee("visibility","private"),this.optionInherited=new ae("inherited",!0),this.optionExternals=new ae("externals",!0)}static isSupported(){try{return typeof window.localStorage!="undefined"}catch{return!1}}};function be(t){let e=localStorage.getItem("tsd-theme")||"os";t.value=e,we(e),t.addEventListener("change",()=>{localStorage.setItem("tsd-theme",t.value),we(t.value)})}function we(t){switch(t){case"os":document.body.classList.remove("light","dark");break;case"light":document.body.classList.remove("dark"),document.body.classList.add("light");break;case"dark":document.body.classList.remove("light"),document.body.classList.add("dark");break}}fe();N(te,".menu-highlight");N(ne,".tsd-signatures");N(se,"a[data-toggle]");Y.isSupported()?N(Y,"#tsd-filter"):document.documentElement.classList.add("no-filter");var Te=document.getElementById("theme");Te&&be(Te);var qe=new X;Object.defineProperty(window,"app",{value:qe});})();
+/*!
+ * lunr.Builder
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.Index
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.Pipeline
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.Set
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.TokenSet
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.Vector
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.stemmer
+ * Copyright (C) 2020 Oliver Nightingale
+ * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt
+ */
+/*!
+ * lunr.stopWordFilter
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.tokenizer
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.trimmer
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/*!
+ * lunr.utils
+ * Copyright (C) 2020 Oliver Nightingale
+ */
+/**
+ * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9
+ * Copyright (C) 2020 Oliver Nightingale
+ * @license MIT
+ */
diff --git a/documents/tsdoc/assets/search.js b/documents/tsdoc/assets/search.js
new file mode 100644
index 000000000..36bdf7574
--- /dev/null
+++ b/documents/tsdoc/assets/search.js
@@ -0,0 +1 @@
+window.searchData = {"kinds":{"4":"Namespace","32":"Variable","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","4194304":"Type alias"},"rows":[{"id":0,"kind":1024,"name":"default","url":"modules.html#default","classes":"tsd-kind-property"},{"id":1,"kind":65536,"name":"__type","url":"modules.html#__type","classes":"tsd-kind-type-literal"},{"id":2,"kind":1024,"name":"core","url":"modules.html#__type.core","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":3,"kind":1024,"name":"tools","url":"modules.html#__type.tools","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":4,"kind":1024,"name":"ListGrid","url":"modules.html#__type.ListGrid","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":5,"kind":1024,"name":"columns","url":"modules.html#__type.columns","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":6,"kind":1024,"name":"headers","url":"modules.html#__type.headers","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":7,"kind":1024,"name":"themes","url":"modules.html#__type.themes","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":8,"kind":1024,"name":"data","url":"modules.html#__type.data","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":9,"kind":1024,"name":"GridCanvasHelper","url":"modules.html#__type.GridCanvasHelper","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":10,"kind":1024,"name":"register","url":"modules.html#__type.register","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":11,"kind":262144,"name":"icons","url":"modules.html#__type.icons","classes":"tsd-kind-get-signature tsd-parent-kind-type-literal","parent":"__type"},{"id":12,"kind":4,"name":"TYPES","url":"modules/TYPES.html","classes":"tsd-kind-namespace"},{"id":13,"kind":4194304,"name":"MaybeUndef","url":"modules/TYPES.html#MaybeUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":14,"kind":4194304,"name":"PromiseOrUndef","url":"modules/TYPES.html#PromiseOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":15,"kind":4194304,"name":"PromiseMaybeUndef","url":"modules/TYPES.html#PromiseMaybeUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":16,"kind":4194304,"name":"MaybePromise","url":"modules/TYPES.html#MaybePromise","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":17,"kind":4194304,"name":"MaybeCall","url":"modules/TYPES.html#MaybeCall","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":18,"kind":4194304,"name":"MaybePromiseOrCall","url":"modules/TYPES.html#MaybePromiseOrCall","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":19,"kind":4194304,"name":"MaybePromiseOrUndef","url":"modules/TYPES.html#MaybePromiseOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":20,"kind":4194304,"name":"MaybeCallOrUndef","url":"modules/TYPES.html#MaybeCallOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":21,"kind":4194304,"name":"MaybePromiseOrCallOrUndef","url":"modules/TYPES.html#MaybePromiseOrCallOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":22,"kind":4194304,"name":"PromiseMaybeUndefOrCall","url":"modules/TYPES.html#PromiseMaybeUndefOrCall","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":23,"kind":4194304,"name":"PromiseMaybeCallOrUndef","url":"modules/TYPES.html#PromiseMaybeCallOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":24,"kind":4194304,"name":"AnyFunction","url":"modules/TYPES.html#AnyFunction","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":25,"kind":65536,"name":"__type","url":"modules/TYPES.html#AnyFunction.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.AnyFunction"},{"id":26,"kind":256,"name":"RectProps","url":"interfaces/TYPES.RectProps.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":27,"kind":1024,"name":"left","url":"interfaces/TYPES.RectProps.html#left","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":28,"kind":1024,"name":"right","url":"interfaces/TYPES.RectProps.html#right","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":29,"kind":1024,"name":"top","url":"interfaces/TYPES.RectProps.html#top","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":30,"kind":1024,"name":"bottom","url":"interfaces/TYPES.RectProps.html#bottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":31,"kind":1024,"name":"width","url":"interfaces/TYPES.RectProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":32,"kind":1024,"name":"height","url":"interfaces/TYPES.RectProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":33,"kind":4194304,"name":"ColorDef","url":"modules/TYPES.html#ColorDef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":34,"kind":256,"name":"CellAddress","url":"interfaces/TYPES.CellAddress.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":35,"kind":1024,"name":"col","url":"interfaces/TYPES.CellAddress.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellAddress"},{"id":36,"kind":1024,"name":"row","url":"interfaces/TYPES.CellAddress.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellAddress"},{"id":37,"kind":256,"name":"CellRange","url":"interfaces/TYPES.CellRange.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":38,"kind":1024,"name":"start","url":"interfaces/TYPES.CellRange.html#start","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellRange"},{"id":39,"kind":1024,"name":"end","url":"interfaces/TYPES.CellRange.html#end","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellRange"},{"id":40,"kind":4194304,"name":"FieldGetter","url":"modules/TYPES.html#FieldGetter","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":41,"kind":65536,"name":"__type","url":"modules/TYPES.html#FieldGetter.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.FieldGetter"},{"id":42,"kind":4194304,"name":"FieldSetter","url":"modules/TYPES.html#FieldSetter","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":43,"kind":65536,"name":"__type","url":"modules/TYPES.html#FieldSetter.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.FieldSetter"},{"id":44,"kind":256,"name":"FieldAssessor","url":"interfaces/TYPES.FieldAssessor.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":45,"kind":1024,"name":"get","url":"interfaces/TYPES.FieldAssessor.html#get","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FieldAssessor"},{"id":46,"kind":1024,"name":"set","url":"interfaces/TYPES.FieldAssessor.html#set","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FieldAssessor"},{"id":47,"kind":4194304,"name":"FieldDef","url":"modules/TYPES.html#FieldDef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":48,"kind":4194304,"name":"FieldData","url":"modules/TYPES.html#FieldData","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":49,"kind":256,"name":"BaseColumnOption","url":"interfaces/TYPES.BaseColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":50,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseColumnOption"},{"id":51,"kind":256,"name":"NumberColumnOption","url":"interfaces/TYPES.NumberColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":52,"kind":1024,"name":"format","url":"interfaces/TYPES.NumberColumnOption.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NumberColumnOption"},{"id":53,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.NumberColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.NumberColumnOption"},{"id":54,"kind":256,"name":"ButtonColumnOption","url":"interfaces/TYPES.ButtonColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":55,"kind":1024,"name":"caption","url":"interfaces/TYPES.ButtonColumnOption.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ButtonColumnOption"},{"id":56,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.ButtonColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonColumnOption"},{"id":57,"kind":256,"name":"MenuColumnOption","url":"interfaces/TYPES.MenuColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":58,"kind":1024,"name":"options","url":"interfaces/TYPES.MenuColumnOption.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MenuColumnOption"},{"id":59,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.MenuColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuColumnOption"},{"id":60,"kind":256,"name":"IconColumnOption","url":"interfaces/TYPES.IconColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":61,"kind":1024,"name":"tagName","url":"interfaces/TYPES.IconColumnOption.html#tagName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":62,"kind":1024,"name":"className","url":"interfaces/TYPES.IconColumnOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":63,"kind":1024,"name":"content","url":"interfaces/TYPES.IconColumnOption.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":64,"kind":1024,"name":"name","url":"interfaces/TYPES.IconColumnOption.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":65,"kind":1024,"name":"iconWidth","url":"interfaces/TYPES.IconColumnOption.html#iconWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":66,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.IconColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.IconColumnOption"},{"id":67,"kind":256,"name":"PercentCompleteBarColumnOption","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":68,"kind":1024,"name":"min","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":69,"kind":1024,"name":"max","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":70,"kind":2048,"name":"formatter","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#formatter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":71,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":72,"kind":256,"name":"BranchGraphColumnOption","url":"interfaces/TYPES.BranchGraphColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":73,"kind":1024,"name":"start","url":"interfaces/TYPES.BranchGraphColumnOption.html#start","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphColumnOption"},{"id":74,"kind":1024,"name":"cache","url":"interfaces/TYPES.BranchGraphColumnOption.html#cache","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphColumnOption"},{"id":75,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.BranchGraphColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphColumnOption"},{"id":76,"kind":4194304,"name":"SimpleBranchGraphCommand","url":"modules/TYPES.html#SimpleBranchGraphCommand","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":77,"kind":4194304,"name":"BranchGraphCommand","url":"modules/TYPES.html#BranchGraphCommand","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":78,"kind":4194304,"name":"ColumnTypeOption","url":"modules/TYPES.html#ColumnTypeOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":79,"kind":4194304,"name":"HeaderTypeOption","url":"modules/TYPES.html#HeaderTypeOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":80,"kind":256,"name":"ColumnStyle","url":"interfaces/TYPES.ColumnStyle.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":81,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ColumnStyle.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":82,"kind":1024,"name":"visibility","url":"interfaces/TYPES.ColumnStyle.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":83,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.ColumnStyle.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":84,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.ColumnStyle.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":85,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.ColumnStyle.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":86,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.ColumnStyle.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":87,"kind":2048,"name":"doChangeStyle","url":"interfaces/TYPES.ColumnStyle.html#doChangeStyle","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":88,"kind":2048,"name":"clone","url":"interfaces/TYPES.ColumnStyle.html#clone","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":89,"kind":256,"name":"BaseStyleOption","url":"interfaces/TYPES.BaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":90,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.BaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":91,"kind":1024,"name":"visibility","url":"interfaces/TYPES.BaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":92,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.BaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":93,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.BaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":94,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.BaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":95,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.BaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":96,"kind":256,"name":"StdBaseStyleOption","url":"interfaces/TYPES.StdBaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":97,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.StdBaseStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdBaseStyleOption"},{"id":98,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.StdBaseStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdBaseStyleOption"},{"id":99,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.StdBaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":100,"kind":1024,"name":"visibility","url":"interfaces/TYPES.StdBaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":101,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":102,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":103,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":104,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":105,"kind":256,"name":"StdTextBaseStyleOption","url":"interfaces/TYPES.StdTextBaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":106,"kind":1024,"name":"color","url":"interfaces/TYPES.StdTextBaseStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":107,"kind":1024,"name":"font","url":"interfaces/TYPES.StdTextBaseStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":108,"kind":1024,"name":"padding","url":"interfaces/TYPES.StdTextBaseStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":109,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.StdTextBaseStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":110,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.StdTextBaseStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":111,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.StdTextBaseStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":112,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.StdTextBaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":113,"kind":1024,"name":"visibility","url":"interfaces/TYPES.StdTextBaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":114,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":115,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":116,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":117,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":118,"kind":256,"name":"StdMultilineTextBaseStyleOption","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":119,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":120,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":121,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":122,"kind":1024,"name":"color","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":123,"kind":1024,"name":"font","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":124,"kind":1024,"name":"padding","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":125,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":126,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":127,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":128,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":129,"kind":1024,"name":"visibility","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":130,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":131,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":132,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":133,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":134,"kind":4194304,"name":"StyleOption","url":"modules/TYPES.html#StyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":135,"kind":256,"name":"HeaderStdStyleOption","url":"interfaces/TYPES.HeaderStdStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":136,"kind":1024,"name":"multiline","url":"interfaces/TYPES.HeaderStdStyleOption.html#multiline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.HeaderStdStyleOption"},{"id":137,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.HeaderStdStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":138,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.HeaderStdStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":139,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.HeaderStdStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":140,"kind":1024,"name":"color","url":"interfaces/TYPES.HeaderStdStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":141,"kind":1024,"name":"font","url":"interfaces/TYPES.HeaderStdStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":142,"kind":1024,"name":"padding","url":"interfaces/TYPES.HeaderStdStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":143,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.HeaderStdStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":144,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.HeaderStdStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":145,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.HeaderStdStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":146,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.HeaderStdStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":147,"kind":1024,"name":"visibility","url":"interfaces/TYPES.HeaderStdStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":148,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":149,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":150,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":151,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":152,"kind":256,"name":"ButtonStyleOption","url":"interfaces/TYPES.ButtonStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":153,"kind":1024,"name":"buttonBgColor","url":"interfaces/TYPES.ButtonStyleOption.html#buttonBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ButtonStyleOption"},{"id":154,"kind":1024,"name":"color","url":"interfaces/TYPES.ButtonStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":155,"kind":1024,"name":"font","url":"interfaces/TYPES.ButtonStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":156,"kind":1024,"name":"padding","url":"interfaces/TYPES.ButtonStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":157,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.ButtonStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":158,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.ButtonStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":159,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.ButtonStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":160,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ButtonStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":161,"kind":1024,"name":"visibility","url":"interfaces/TYPES.ButtonStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":162,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":163,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":164,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":165,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":166,"kind":256,"name":"CheckStyleOption","url":"interfaces/TYPES.CheckStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":167,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.CheckStyleOption.html#uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckStyleOption"},{"id":168,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.CheckStyleOption.html#checkBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckStyleOption"},{"id":169,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.CheckStyleOption.html#borderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckStyleOption"},{"id":170,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.CheckStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":171,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.CheckStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":172,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.CheckStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":173,"kind":1024,"name":"visibility","url":"interfaces/TYPES.CheckStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":174,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.CheckStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":175,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.CheckStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":176,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.CheckStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":177,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.CheckStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":178,"kind":256,"name":"RadioStyleOption","url":"interfaces/TYPES.RadioStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":179,"kind":1024,"name":"checkColor","url":"interfaces/TYPES.RadioStyleOption.html#checkColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":180,"kind":1024,"name":"uncheckBorderColor","url":"interfaces/TYPES.RadioStyleOption.html#uncheckBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":181,"kind":1024,"name":"checkBorderColor","url":"interfaces/TYPES.RadioStyleOption.html#checkBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":182,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.RadioStyleOption.html#uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":183,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.RadioStyleOption.html#checkBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":184,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.RadioStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":185,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.RadioStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":186,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.RadioStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":187,"kind":1024,"name":"visibility","url":"interfaces/TYPES.RadioStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":188,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.RadioStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":189,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.RadioStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":190,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.RadioStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":191,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.RadioStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":192,"kind":256,"name":"CheckHeaderStyleOption","url":"interfaces/TYPES.CheckHeaderStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":193,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckHeaderStyleOption"},{"id":194,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#checkBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckHeaderStyleOption"},{"id":195,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#borderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckHeaderStyleOption"},{"id":196,"kind":1024,"name":"color","url":"interfaces/TYPES.CheckHeaderStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":197,"kind":1024,"name":"font","url":"interfaces/TYPES.CheckHeaderStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":198,"kind":1024,"name":"padding","url":"interfaces/TYPES.CheckHeaderStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":199,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.CheckHeaderStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":200,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.CheckHeaderStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":201,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.CheckHeaderStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":202,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":203,"kind":1024,"name":"visibility","url":"interfaces/TYPES.CheckHeaderStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":204,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":205,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":206,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":207,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":208,"kind":4194304,"name":"NumberStyleOption","url":"modules/TYPES.html#NumberStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":209,"kind":256,"name":"MultilineTextStyleOption","url":"interfaces/TYPES.MultilineTextStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":210,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.MultilineTextStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MultilineTextStyleOption"},{"id":211,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.MultilineTextStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MultilineTextStyleOption"},{"id":212,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.MultilineTextStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MultilineTextStyleOption"},{"id":213,"kind":1024,"name":"color","url":"interfaces/TYPES.MultilineTextStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":214,"kind":1024,"name":"font","url":"interfaces/TYPES.MultilineTextStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":215,"kind":1024,"name":"padding","url":"interfaces/TYPES.MultilineTextStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":216,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.MultilineTextStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":217,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.MultilineTextStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":218,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.MultilineTextStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":219,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.MultilineTextStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":220,"kind":1024,"name":"visibility","url":"interfaces/TYPES.MultilineTextStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":221,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":222,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":223,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":224,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":225,"kind":4194304,"name":"MultilineTextHeaderStyleOption","url":"modules/TYPES.html#MultilineTextHeaderStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":226,"kind":256,"name":"MenuStyleOption","url":"interfaces/TYPES.MenuStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":227,"kind":1024,"name":"appearance","url":"interfaces/TYPES.MenuStyleOption.html#appearance","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MenuStyleOption"},{"id":228,"kind":1024,"name":"color","url":"interfaces/TYPES.MenuStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":229,"kind":1024,"name":"font","url":"interfaces/TYPES.MenuStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":230,"kind":1024,"name":"padding","url":"interfaces/TYPES.MenuStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":231,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.MenuStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":232,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.MenuStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":233,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.MenuStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":234,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.MenuStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":235,"kind":1024,"name":"visibility","url":"interfaces/TYPES.MenuStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":236,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.MenuStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":237,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.MenuStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":238,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.MenuStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":239,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.MenuStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":240,"kind":256,"name":"ImageStyleOption","url":"interfaces/TYPES.ImageStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":241,"kind":1024,"name":"imageSizing","url":"interfaces/TYPES.ImageStyleOption.html#imageSizing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageStyleOption"},{"id":242,"kind":1024,"name":"margin","url":"interfaces/TYPES.ImageStyleOption.html#margin","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageStyleOption"},{"id":243,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.ImageStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":244,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.ImageStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":245,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ImageStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":246,"kind":1024,"name":"visibility","url":"interfaces/TYPES.ImageStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":247,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.ImageStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":248,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.ImageStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":249,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.ImageStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":250,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.ImageStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":251,"kind":4194304,"name":"IconStyleOption","url":"modules/TYPES.html#IconStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":252,"kind":256,"name":"BranchGraphStyleOption","url":"interfaces/TYPES.BranchGraphStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":253,"kind":1024,"name":"branchColors","url":"interfaces/TYPES.BranchGraphStyleOption.html#branchColors","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":254,"kind":1024,"name":"margin","url":"interfaces/TYPES.BranchGraphStyleOption.html#margin","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":255,"kind":1024,"name":"circleSize","url":"interfaces/TYPES.BranchGraphStyleOption.html#circleSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":256,"kind":1024,"name":"branchLineWidth","url":"interfaces/TYPES.BranchGraphStyleOption.html#branchLineWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":257,"kind":1024,"name":"mergeStyle","url":"interfaces/TYPES.BranchGraphStyleOption.html#mergeStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":258,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.BranchGraphStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":259,"kind":1024,"name":"visibility","url":"interfaces/TYPES.BranchGraphStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":260,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":261,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":262,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":263,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":264,"kind":256,"name":"PercentCompleteBarStyleOption","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":265,"kind":1024,"name":"barColor","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#barColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":266,"kind":1024,"name":"barBgColor","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#barBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":267,"kind":1024,"name":"barHeight","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#barHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":268,"kind":1024,"name":"color","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":269,"kind":1024,"name":"font","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":270,"kind":1024,"name":"padding","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":271,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":272,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":273,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":274,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":275,"kind":1024,"name":"visibility","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":276,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":277,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":278,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":279,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":280,"kind":256,"name":"SortHeaderStyleOption","url":"interfaces/TYPES.SortHeaderStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":281,"kind":1024,"name":"sortArrowColor","url":"interfaces/TYPES.SortHeaderStyleOption.html#sortArrowColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortHeaderStyleOption"},{"id":282,"kind":1024,"name":"multiline","url":"interfaces/TYPES.SortHeaderStyleOption.html#multiline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortHeaderStyleOption"},{"id":283,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.SortHeaderStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":284,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.SortHeaderStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":285,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.SortHeaderStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":286,"kind":1024,"name":"color","url":"interfaces/TYPES.SortHeaderStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":287,"kind":1024,"name":"font","url":"interfaces/TYPES.SortHeaderStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":288,"kind":1024,"name":"padding","url":"interfaces/TYPES.SortHeaderStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":289,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.SortHeaderStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":290,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.SortHeaderStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":291,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.SortHeaderStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":292,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.SortHeaderStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":293,"kind":1024,"name":"visibility","url":"interfaces/TYPES.SortHeaderStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":294,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":295,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":296,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":297,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":298,"kind":4194304,"name":"ColumnStyleOption","url":"modules/TYPES.html#ColumnStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":299,"kind":4194304,"name":"HeaderStyleOption","url":"modules/TYPES.html#HeaderStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":300,"kind":4194304,"name":"RecordBoolean","url":"modules/TYPES.html#RecordBoolean","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":301,"kind":256,"name":"BaseActionOption","url":"interfaces/TYPES.BaseActionOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":302,"kind":1024,"name":"disabled","url":"interfaces/TYPES.BaseActionOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseActionOption"},{"id":303,"kind":4194304,"name":"ActionListener","url":"modules/TYPES.html#ActionListener","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":304,"kind":65536,"name":"__type","url":"modules/TYPES.html#ActionListener.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.ActionListener"},{"id":305,"kind":256,"name":"ActionOption","url":"interfaces/TYPES.ActionOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":306,"kind":1024,"name":"action","url":"interfaces/TYPES.ActionOption.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ActionOption"},{"id":307,"kind":1024,"name":"disabled","url":"interfaces/TYPES.ActionOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ActionOption"},{"id":308,"kind":256,"name":"EditorOption","url":"interfaces/TYPES.EditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":309,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.EditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.EditorOption"},{"id":310,"kind":1024,"name":"disabled","url":"interfaces/TYPES.EditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.EditorOption"},{"id":311,"kind":4194304,"name":"ButtonActionOption","url":"modules/TYPES.html#ButtonActionOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":312,"kind":256,"name":"InlineMenuEditorOption","url":"interfaces/TYPES.InlineMenuEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":313,"kind":1024,"name":"classList","url":"interfaces/TYPES.InlineMenuEditorOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineMenuEditorOption"},{"id":314,"kind":1024,"name":"options","url":"interfaces/TYPES.InlineMenuEditorOption.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineMenuEditorOption"},{"id":315,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.InlineMenuEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineMenuEditorOption"},{"id":316,"kind":1024,"name":"disabled","url":"interfaces/TYPES.InlineMenuEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineMenuEditorOption"},{"id":317,"kind":256,"name":"InlineInputEditorOption","url":"interfaces/TYPES.InlineInputEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":318,"kind":1024,"name":"classList","url":"interfaces/TYPES.InlineInputEditorOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineInputEditorOption"},{"id":319,"kind":1024,"name":"type","url":"interfaces/TYPES.InlineInputEditorOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineInputEditorOption"},{"id":320,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.InlineInputEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineInputEditorOption"},{"id":321,"kind":1024,"name":"disabled","url":"interfaces/TYPES.InlineInputEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineInputEditorOption"},{"id":322,"kind":256,"name":"SmallDialogInputEditorOption","url":"interfaces/TYPES.SmallDialogInputEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":323,"kind":1024,"name":"classList","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":324,"kind":1024,"name":"type","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":325,"kind":1024,"name":"helperText","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#helperText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":326,"kind":1024,"name":"inputValidator","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#inputValidator","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":327,"kind":1024,"name":"validator","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#validator","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":328,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SmallDialogInputEditorOption"},{"id":329,"kind":1024,"name":"disabled","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SmallDialogInputEditorOption"},{"id":330,"kind":4194304,"name":"GetRadioEditorGroup","url":"modules/TYPES.html#GetRadioEditorGroup","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":331,"kind":65536,"name":"__type","url":"modules/TYPES.html#GetRadioEditorGroup.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.GetRadioEditorGroup"},{"id":332,"kind":256,"name":"RadioEditorOption","url":"interfaces/TYPES.RadioEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":333,"kind":1024,"name":"group","url":"interfaces/TYPES.RadioEditorOption.html#group","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioEditorOption"},{"id":334,"kind":1024,"name":"checkAction","url":"interfaces/TYPES.RadioEditorOption.html#checkAction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioEditorOption"},{"id":335,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.RadioEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioEditorOption"},{"id":336,"kind":1024,"name":"disabled","url":"interfaces/TYPES.RadioEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioEditorOption"},{"id":337,"kind":4194304,"name":"SortOption","url":"modules/TYPES.html#SortOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":338,"kind":256,"name":"SortHeaderActionOption","url":"interfaces/TYPES.SortHeaderActionOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":339,"kind":1024,"name":"sort","url":"interfaces/TYPES.SortHeaderActionOption.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortHeaderActionOption"},{"id":340,"kind":1024,"name":"disabled","url":"interfaces/TYPES.SortHeaderActionOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderActionOption"},{"id":341,"kind":4194304,"name":"ColumnActionOption","url":"modules/TYPES.html#ColumnActionOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":342,"kind":4194304,"name":"HeaderActionOption","url":"modules/TYPES.html#HeaderActionOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":343,"kind":4194304,"name":"KeyboardEventListener","url":"modules/TYPES.html#KeyboardEventListener","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":344,"kind":65536,"name":"__type","url":"modules/TYPES.html#KeyboardEventListener.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.KeyboardEventListener"},{"id":345,"kind":4194304,"name":"AnyListener","url":"modules/TYPES.html#AnyListener","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":346,"kind":4194304,"name":"EventListenerId","url":"modules/TYPES.html#EventListenerId","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":347,"kind":4194304,"name":"BeforeSelectedCellEvent","url":"modules/TYPES.html#BeforeSelectedCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":348,"kind":4194304,"name":"AfterSelectedCellEvent","url":"modules/TYPES.html#AfterSelectedCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":349,"kind":4194304,"name":"SelectedCellEvent","url":"modules/TYPES.html#SelectedCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":350,"kind":4194304,"name":"MouseCellEvent","url":"modules/TYPES.html#MouseCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":351,"kind":4194304,"name":"TouchCellEvent","url":"modules/TYPES.html#TouchCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":352,"kind":4194304,"name":"KeydownEvent","url":"modules/TYPES.html#KeydownEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":353,"kind":65536,"name":"__type","url":"modules/TYPES.html#KeydownEvent.__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.KeydownEvent"},{"id":354,"kind":1024,"name":"keyCode","url":"modules/TYPES.html#KeydownEvent.__type-8.keyCode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.KeydownEvent.__type"},{"id":355,"kind":1024,"name":"event","url":"modules/TYPES.html#KeydownEvent.__type-8.event","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.KeydownEvent.__type"},{"id":356,"kind":2048,"name":"stopCellMoving","url":"modules/TYPES.html#KeydownEvent.__type-8.stopCellMoving","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"TYPES.KeydownEvent.__type"},{"id":357,"kind":256,"name":"PasteRangeBoxValues","url":"interfaces/TYPES.PasteRangeBoxValues.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":358,"kind":1024,"name":"colCount","url":"interfaces/TYPES.PasteRangeBoxValues.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PasteRangeBoxValues"},{"id":359,"kind":1024,"name":"rowCount","url":"interfaces/TYPES.PasteRangeBoxValues.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PasteRangeBoxValues"},{"id":360,"kind":2048,"name":"getCellValue","url":"interfaces/TYPES.PasteRangeBoxValues.html#getCellValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.PasteRangeBoxValues"},{"id":361,"kind":4194304,"name":"PasteCellEvent","url":"modules/TYPES.html#PasteCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":362,"kind":4194304,"name":"InputCellEvent","url":"modules/TYPES.html#InputCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":363,"kind":4194304,"name":"DeleteCellEvent","url":"modules/TYPES.html#DeleteCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":364,"kind":4194304,"name":"ScrollEvent","url":"modules/TYPES.html#ScrollEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":365,"kind":65536,"name":"__type","url":"modules/TYPES.html#ScrollEvent.__type-10","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.ScrollEvent"},{"id":366,"kind":1024,"name":"event","url":"modules/TYPES.html#ScrollEvent.__type-10.event-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ScrollEvent.__type"},{"id":367,"kind":4194304,"name":"ModifyStatusEditableinputCellEvent","url":"modules/TYPES.html#ModifyStatusEditableinputCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":368,"kind":4194304,"name":"MousePointerCellEvent","url":"modules/TYPES.html#MousePointerCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":369,"kind":256,"name":"DrawGridEventHandlersEventMap","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":370,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":371,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":372,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":373,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":374,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":375,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":376,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":377,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":378,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":379,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":380,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":381,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":382,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":383,"kind":1024,"name":"keydown","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":384,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":385,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":386,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":387,"kind":1024,"name":"scroll","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":388,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":389,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":390,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":391,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":392,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":393,"kind":1024,"name":"copydata","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":394,"kind":256,"name":"DrawGridEventHandlersReturnMap","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":395,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":396,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":397,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":398,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":399,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":400,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":401,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":402,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":403,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":404,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":405,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":406,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":407,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":408,"kind":1024,"name":"keydown","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":409,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":410,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":411,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":412,"kind":1024,"name":"scroll","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":413,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":414,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":415,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":416,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":417,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":418,"kind":1024,"name":"copydata","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":419,"kind":4194304,"name":"ChangedValueCellEvent","url":"modules/TYPES.html#ChangedValueCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":420,"kind":4194304,"name":"ChangedHeaderValueCellEvent","url":"modules/TYPES.html#ChangedHeaderValueCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":421,"kind":4194304,"name":"PasteRejectedValuesEvent","url":"modules/TYPES.html#PasteRejectedValuesEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":422,"kind":65536,"name":"__type","url":"modules/TYPES.html#PasteRejectedValuesEvent.__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.PasteRejectedValuesEvent"},{"id":423,"kind":1024,"name":"detail","url":"modules/TYPES.html#PasteRejectedValuesEvent.__type-9.detail","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.PasteRejectedValuesEvent.__type"},{"id":424,"kind":256,"name":"ListGridEventHandlersEventMap","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":425,"kind":1024,"name":"before_change_value","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#before_change_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":426,"kind":1024,"name":"changed_value","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#changed_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":427,"kind":1024,"name":"changed_header_value","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#changed_header_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":428,"kind":1024,"name":"rejected_paste_values","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#rejected_paste_values","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":429,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":430,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":431,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":432,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":433,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":434,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":435,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":436,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":437,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":438,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":439,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":440,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":441,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":442,"kind":1024,"name":"keydown","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":443,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":444,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":445,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":446,"kind":1024,"name":"scroll","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":447,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":448,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":449,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":450,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":451,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":452,"kind":1024,"name":"copydata","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":453,"kind":256,"name":"ListGridEventHandlersReturnMap","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":454,"kind":1024,"name":"before_change_value","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#before_change_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":455,"kind":1024,"name":"changed_value","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#changed_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":456,"kind":1024,"name":"changed_header_value","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#changed_header_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":457,"kind":1024,"name":"rejected_paste_values","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#rejected_paste_values","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":458,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":459,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":460,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":461,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":462,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":463,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":464,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":465,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":466,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":467,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":468,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":469,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":470,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":471,"kind":1024,"name":"keydown","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":472,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":473,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":474,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":475,"kind":1024,"name":"scroll","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":476,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":477,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":478,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":479,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":480,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":481,"kind":1024,"name":"copydata","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":482,"kind":256,"name":"IconDefine","url":"interfaces/TYPES.IconDefine.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":483,"kind":1024,"name":"d","url":"interfaces/TYPES.IconDefine.html#d","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconDefine"},{"id":484,"kind":1024,"name":"width","url":"interfaces/TYPES.IconDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconDefine"},{"id":485,"kind":1024,"name":"height","url":"interfaces/TYPES.IconDefine.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconDefine"},{"id":486,"kind":4194304,"name":"PartialThemeDefine","url":"modules/TYPES.html#PartialThemeDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":487,"kind":256,"name":"ThemeDefine","url":"interfaces/TYPES.ThemeDefine.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":488,"kind":1024,"name":"font","url":"interfaces/TYPES.ThemeDefine.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":489,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/TYPES.ThemeDefine.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":490,"kind":1024,"name":"color","url":"interfaces/TYPES.ThemeDefine.html#color-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":491,"kind":1024,"name":"frozenRowsColor","url":"interfaces/TYPES.ThemeDefine.html#frozenRowsColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":492,"kind":1024,"name":"defaultBgColor","url":"interfaces/TYPES.ThemeDefine.html#defaultBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":493,"kind":1024,"name":"frozenRowsBgColor","url":"interfaces/TYPES.ThemeDefine.html#frozenRowsBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":494,"kind":1024,"name":"selectionBgColor","url":"interfaces/TYPES.ThemeDefine.html#selectionBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":495,"kind":1024,"name":"highlightBgColor","url":"interfaces/TYPES.ThemeDefine.html#highlightBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":496,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.ThemeDefine.html#borderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":497,"kind":1024,"name":"frozenRowsBorderColor","url":"interfaces/TYPES.ThemeDefine.html#frozenRowsBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":498,"kind":1024,"name":"highlightBorderColor","url":"interfaces/TYPES.ThemeDefine.html#highlightBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":499,"kind":1024,"name":"checkbox","url":"interfaces/TYPES.ThemeDefine.html#checkbox","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":500,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":501,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-1.uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":502,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-1.checkBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":503,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.ThemeDefine.html#__type-1.borderColor-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":504,"kind":1024,"name":"radioButton","url":"interfaces/TYPES.ThemeDefine.html#radioButton","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":505,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":506,"kind":1024,"name":"checkColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.checkColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":507,"kind":1024,"name":"uncheckBorderColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.uncheckBorderColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":508,"kind":1024,"name":"checkBorderColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.checkBorderColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":509,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.uncheckBgColor-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":510,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.checkBgColor-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":511,"kind":1024,"name":"button","url":"interfaces/TYPES.ThemeDefine.html#button","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":512,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":513,"kind":1024,"name":"color","url":"interfaces/TYPES.ThemeDefine.html#__type.color","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":514,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ThemeDefine.html#__type.bgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":515,"kind":1024,"name":"header","url":"interfaces/TYPES.ThemeDefine.html#header","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":516,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":517,"kind":1024,"name":"sortArrowColor","url":"interfaces/TYPES.ThemeDefine.html#__type-2.sortArrowColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":518,"kind":1024,"name":"messages","url":"interfaces/TYPES.ThemeDefine.html#messages","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":519,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":520,"kind":1024,"name":"infoBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-4.infoBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":521,"kind":1024,"name":"errorBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-4.errorBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":522,"kind":1024,"name":"warnBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-4.warnBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":523,"kind":1024,"name":"boxWidth","url":"interfaces/TYPES.ThemeDefine.html#__type-4.boxWidth","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":524,"kind":1024,"name":"markHeight","url":"interfaces/TYPES.ThemeDefine.html#__type-4.markHeight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":525,"kind":1024,"name":"indicators","url":"interfaces/TYPES.ThemeDefine.html#indicators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":526,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":527,"kind":1024,"name":"topLeftColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topLeftColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":528,"kind":1024,"name":"topLeftSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topLeftSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":529,"kind":1024,"name":"topRightColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topRightColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":530,"kind":1024,"name":"topRightSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topRightSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":531,"kind":1024,"name":"bottomRightColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomRightColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":532,"kind":1024,"name":"bottomRightSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomRightSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":533,"kind":1024,"name":"bottomLeftColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomLeftColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":534,"kind":1024,"name":"bottomLeftSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomLeftSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":535,"kind":4194304,"name":"RequiredThemeDefine","url":"modules/TYPES.html#RequiredThemeDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":536,"kind":256,"name":"FontIcon","url":"interfaces/TYPES.FontIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":537,"kind":1024,"name":"font","url":"interfaces/TYPES.FontIcon.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":538,"kind":1024,"name":"content","url":"interfaces/TYPES.FontIcon.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":539,"kind":1024,"name":"className","url":"interfaces/TYPES.FontIcon.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":540,"kind":1024,"name":"tagName","url":"interfaces/TYPES.FontIcon.html#tagName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":541,"kind":1024,"name":"isLiga","url":"interfaces/TYPES.FontIcon.html#isLiga","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":542,"kind":1024,"name":"width","url":"interfaces/TYPES.FontIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":543,"kind":1024,"name":"height","url":"interfaces/TYPES.FontIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":544,"kind":1024,"name":"color","url":"interfaces/TYPES.FontIcon.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":545,"kind":1024,"name":"offsetTop","url":"interfaces/TYPES.FontIcon.html#offsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":546,"kind":1024,"name":"offsetLeft","url":"interfaces/TYPES.FontIcon.html#offsetLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":547,"kind":256,"name":"ImageIcon","url":"interfaces/TYPES.ImageIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":548,"kind":1024,"name":"src","url":"interfaces/TYPES.ImageIcon.html#src","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageIcon"},{"id":549,"kind":1024,"name":"width","url":"interfaces/TYPES.ImageIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageIcon"},{"id":550,"kind":1024,"name":"height","url":"interfaces/TYPES.ImageIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageIcon"},{"id":551,"kind":256,"name":"PathIcon","url":"interfaces/TYPES.PathIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":552,"kind":1024,"name":"path","url":"interfaces/TYPES.PathIcon.html#path","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":553,"kind":1024,"name":"width","url":"interfaces/TYPES.PathIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":554,"kind":1024,"name":"height","url":"interfaces/TYPES.PathIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":555,"kind":1024,"name":"color","url":"interfaces/TYPES.PathIcon.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":556,"kind":256,"name":"SvgIcon","url":"interfaces/TYPES.SvgIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":557,"kind":1024,"name":"svg","url":"interfaces/TYPES.SvgIcon.html#svg","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SvgIcon"},{"id":558,"kind":1024,"name":"width","url":"interfaces/TYPES.SvgIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SvgIcon"},{"id":559,"kind":1024,"name":"height","url":"interfaces/TYPES.SvgIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SvgIcon"},{"id":560,"kind":256,"name":"NamedIcon","url":"interfaces/TYPES.NamedIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":561,"kind":1024,"name":"name","url":"interfaces/TYPES.NamedIcon.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NamedIcon"},{"id":562,"kind":1024,"name":"width","url":"interfaces/TYPES.NamedIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NamedIcon"},{"id":563,"kind":1024,"name":"height","url":"interfaces/TYPES.NamedIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NamedIcon"},{"id":564,"kind":4194304,"name":"ColumnIconOption","url":"modules/TYPES.html#ColumnIconOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":565,"kind":4194304,"name":"ColumnMenuItemOptions","url":"modules/TYPES.html#ColumnMenuItemOptions","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":566,"kind":256,"name":"ColumnMenuItemOption","url":"interfaces/TYPES.ColumnMenuItemOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":567,"kind":1024,"name":"value","url":"interfaces/TYPES.ColumnMenuItemOption.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":568,"kind":1024,"name":"label","url":"interfaces/TYPES.ColumnMenuItemOption.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":569,"kind":1024,"name":"classList","url":"interfaces/TYPES.ColumnMenuItemOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":570,"kind":1024,"name":"html","url":"interfaces/TYPES.ColumnMenuItemOption.html#html","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":571,"kind":256,"name":"SimpleColumnMenuItemOption","url":"interfaces/TYPES.SimpleColumnMenuItemOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":572,"kind":1024,"name":"value","url":"interfaces/TYPES.SimpleColumnMenuItemOption.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SimpleColumnMenuItemOption"},{"id":573,"kind":1024,"name":"label","url":"interfaces/TYPES.SimpleColumnMenuItemOption.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SimpleColumnMenuItemOption"},{"id":574,"kind":256,"name":"OldSimpleColumnMenuItemOption","url":"interfaces/TYPES.OldSimpleColumnMenuItemOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":575,"kind":1024,"name":"value","url":"interfaces/TYPES.OldSimpleColumnMenuItemOption.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.OldSimpleColumnMenuItemOption"},{"id":576,"kind":1024,"name":"caption","url":"interfaces/TYPES.OldSimpleColumnMenuItemOption.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.OldSimpleColumnMenuItemOption"},{"id":577,"kind":256,"name":"ColumnMenuItemObjectOptions","url":"interfaces/TYPES.ColumnMenuItemObjectOptions.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":578,"kind":4194304,"name":"Visibility","url":"modules/TYPES.html#Visibility","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":579,"kind":4194304,"name":"TextOverflow","url":"modules/TYPES.html#TextOverflow","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":580,"kind":4194304,"name":"LineClamp","url":"modules/TYPES.html#LineClamp","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":581,"kind":256,"name":"StylePropertyFunctionArg","url":"interfaces/TYPES.StylePropertyFunctionArg.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":582,"kind":1024,"name":"row","url":"interfaces/TYPES.StylePropertyFunctionArg.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":583,"kind":1024,"name":"col","url":"interfaces/TYPES.StylePropertyFunctionArg.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":584,"kind":1024,"name":"grid","url":"interfaces/TYPES.StylePropertyFunctionArg.html#grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":585,"kind":1024,"name":"context","url":"interfaces/TYPES.StylePropertyFunctionArg.html#context","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":586,"kind":4194304,"name":"ColorPropertyDefine","url":"modules/TYPES.html#ColorPropertyDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":587,"kind":4194304,"name":"ColorsPropertyDefine","url":"modules/TYPES.html#ColorsPropertyDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":588,"kind":4194304,"name":"FontPropertyDefine","url":"modules/TYPES.html#FontPropertyDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":589,"kind":4194304,"name":"IndicatorStyle","url":"modules/TYPES.html#IndicatorStyle","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":590,"kind":4194304,"name":"IndicatorObject","url":"modules/TYPES.html#IndicatorObject","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":591,"kind":65536,"name":"__type","url":"modules/TYPES.html#IndicatorObject.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.IndicatorObject"},{"id":592,"kind":1024,"name":"style","url":"modules/TYPES.html#IndicatorObject.__type-6.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.IndicatorObject.__type"},{"id":593,"kind":1024,"name":"color","url":"modules/TYPES.html#IndicatorObject.__type-6.color","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.IndicatorObject.__type"},{"id":594,"kind":1024,"name":"size","url":"modules/TYPES.html#IndicatorObject.__type-6.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.IndicatorObject.__type"},{"id":595,"kind":4194304,"name":"IndicatorDefine","url":"modules/TYPES.html#IndicatorDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":596,"kind":256,"name":"MessageObject","url":"interfaces/TYPES.MessageObject.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":597,"kind":1024,"name":"type","url":"interfaces/TYPES.MessageObject.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MessageObject"},{"id":598,"kind":1024,"name":"message","url":"interfaces/TYPES.MessageObject.html#message","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MessageObject"},{"id":599,"kind":1024,"name":"original","url":"interfaces/TYPES.MessageObject.html#original","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MessageObject"},{"id":600,"kind":4194304,"name":"Message","url":"modules/TYPES.html#Message","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":601,"kind":4194304,"name":"LayoutObjectId","url":"modules/TYPES.html#LayoutObjectId","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":602,"kind":4194304,"name":"DrawGridKeyboardMoveCellFunction","url":"modules/TYPES.html#DrawGridKeyboardMoveCellFunction","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":603,"kind":65536,"name":"__type","url":"modules/TYPES.html#DrawGridKeyboardMoveCellFunction.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.DrawGridKeyboardMoveCellFunction"},{"id":604,"kind":256,"name":"DrawGridKeyboardOptions","url":"interfaces/TYPES.DrawGridKeyboardOptions.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":605,"kind":1024,"name":"moveCellOnTab","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#moveCellOnTab","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":606,"kind":1024,"name":"moveCellOnEnter","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#moveCellOnEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":607,"kind":1024,"name":"deleteCellValueOnDel","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#deleteCellValueOnDel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":608,"kind":1024,"name":"selectAllOnCtrlA","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#selectAllOnCtrlA","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":609,"kind":256,"name":"DrawGridAPI","url":"interfaces/TYPES.DrawGridAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":610,"kind":1024,"name":"font","url":"interfaces/TYPES.DrawGridAPI.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":611,"kind":1024,"name":"rowCount","url":"interfaces/TYPES.DrawGridAPI.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":612,"kind":1024,"name":"colCount","url":"interfaces/TYPES.DrawGridAPI.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":613,"kind":1024,"name":"frozenRowCount","url":"interfaces/TYPES.DrawGridAPI.html#frozenRowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":614,"kind":1024,"name":"frozenColCount","url":"interfaces/TYPES.DrawGridAPI.html#frozenColCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":615,"kind":1024,"name":"defaultRowHeight","url":"interfaces/TYPES.DrawGridAPI.html#defaultRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":616,"kind":1024,"name":"defaultColWidth","url":"interfaces/TYPES.DrawGridAPI.html#defaultColWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":617,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/TYPES.DrawGridAPI.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":618,"kind":1024,"name":"trimOnPaste","url":"interfaces/TYPES.DrawGridAPI.html#trimOnPaste","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":619,"kind":1024,"name":"keyboardOptions","url":"interfaces/TYPES.DrawGridAPI.html#keyboardOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":620,"kind":1024,"name":"selection","url":"interfaces/TYPES.DrawGridAPI.html#selection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":621,"kind":1024,"name":"canvas","url":"interfaces/TYPES.DrawGridAPI.html#canvas","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":622,"kind":1024,"name":"visibleRowCount","url":"interfaces/TYPES.DrawGridAPI.html#visibleRowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":623,"kind":1024,"name":"visibleColCount","url":"interfaces/TYPES.DrawGridAPI.html#visibleColCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":624,"kind":1024,"name":"topRow","url":"interfaces/TYPES.DrawGridAPI.html#topRow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":625,"kind":1024,"name":"leftCol","url":"interfaces/TYPES.DrawGridAPI.html#leftCol","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":626,"kind":1024,"name":"scrollLeft","url":"interfaces/TYPES.DrawGridAPI.html#scrollLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":627,"kind":1024,"name":"scrollTop","url":"interfaces/TYPES.DrawGridAPI.html#scrollTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":628,"kind":2048,"name":"getElement","url":"interfaces/TYPES.DrawGridAPI.html#getElement","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":629,"kind":2048,"name":"focus","url":"interfaces/TYPES.DrawGridAPI.html#focus","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":630,"kind":2048,"name":"hasFocusGrid","url":"interfaces/TYPES.DrawGridAPI.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":631,"kind":2048,"name":"listen","url":"interfaces/TYPES.DrawGridAPI.html#listen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.DrawGridAPI"},{"id":632,"kind":2048,"name":"configure","url":"interfaces/TYPES.DrawGridAPI.html#configure","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":633,"kind":2048,"name":"updateSize","url":"interfaces/TYPES.DrawGridAPI.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":634,"kind":2048,"name":"updateScroll","url":"interfaces/TYPES.DrawGridAPI.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":635,"kind":2048,"name":"invalidate","url":"interfaces/TYPES.DrawGridAPI.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":636,"kind":2048,"name":"invalidateCell","url":"interfaces/TYPES.DrawGridAPI.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":637,"kind":2048,"name":"invalidateGridRect","url":"interfaces/TYPES.DrawGridAPI.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":638,"kind":2048,"name":"invalidateCellRange","url":"interfaces/TYPES.DrawGridAPI.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":639,"kind":2048,"name":"getRowHeight","url":"interfaces/TYPES.DrawGridAPI.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":640,"kind":2048,"name":"setRowHeight","url":"interfaces/TYPES.DrawGridAPI.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":641,"kind":2048,"name":"getColWidth","url":"interfaces/TYPES.DrawGridAPI.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":642,"kind":2048,"name":"setColWidth","url":"interfaces/TYPES.DrawGridAPI.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":643,"kind":2048,"name":"getMaxColWidth","url":"interfaces/TYPES.DrawGridAPI.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":644,"kind":2048,"name":"setMaxColWidth","url":"interfaces/TYPES.DrawGridAPI.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":645,"kind":2048,"name":"getMinColWidth","url":"interfaces/TYPES.DrawGridAPI.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":646,"kind":2048,"name":"setMinColWidth","url":"interfaces/TYPES.DrawGridAPI.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":647,"kind":2048,"name":"getCellRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":648,"kind":2048,"name":"getCellRelativeRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":649,"kind":2048,"name":"getCellsRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":650,"kind":2048,"name":"getCellRangeRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":651,"kind":2048,"name":"isFrozenCell","url":"interfaces/TYPES.DrawGridAPI.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":652,"kind":2048,"name":"getRowAt","url":"interfaces/TYPES.DrawGridAPI.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":653,"kind":2048,"name":"getColAt","url":"interfaces/TYPES.DrawGridAPI.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":654,"kind":2048,"name":"getCellAt","url":"interfaces/TYPES.DrawGridAPI.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":655,"kind":2048,"name":"makeVisibleCell","url":"interfaces/TYPES.DrawGridAPI.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":656,"kind":2048,"name":"setFocusCursor","url":"interfaces/TYPES.DrawGridAPI.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":657,"kind":2048,"name":"focusCell","url":"interfaces/TYPES.DrawGridAPI.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":658,"kind":2048,"name":"getCellOverflowText","url":"interfaces/TYPES.DrawGridAPI.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":659,"kind":2048,"name":"setCellOverflowText","url":"interfaces/TYPES.DrawGridAPI.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":660,"kind":2048,"name":"getAttachCellsArea","url":"interfaces/TYPES.DrawGridAPI.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":661,"kind":2048,"name":"onKeyDownMove","url":"interfaces/TYPES.DrawGridAPI.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":662,"kind":2048,"name":"dispose","url":"interfaces/TYPES.DrawGridAPI.html#dispose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":663,"kind":2048,"name":"addDisposable","url":"interfaces/TYPES.DrawGridAPI.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":664,"kind":256,"name":"DataSourceAPI","url":"interfaces/TYPES.DataSourceAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":665,"kind":1024,"name":"length","url":"interfaces/TYPES.DataSourceAPI.html#length","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":666,"kind":2048,"name":"get","url":"interfaces/TYPES.DataSourceAPI.html#get","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":667,"kind":2048,"name":"getField","url":"interfaces/TYPES.DataSourceAPI.html#getField","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.DataSourceAPI"},{"id":668,"kind":2048,"name":"hasField","url":"interfaces/TYPES.DataSourceAPI.html#hasField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":669,"kind":2048,"name":"setField","url":"interfaces/TYPES.DataSourceAPI.html#setField","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.DataSourceAPI"},{"id":670,"kind":2048,"name":"sort","url":"interfaces/TYPES.DataSourceAPI.html#sort","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":671,"kind":1024,"name":"dataSource","url":"interfaces/TYPES.DataSourceAPI.html#dataSource","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":672,"kind":256,"name":"SortState","url":"interfaces/TYPES.SortState.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":673,"kind":1024,"name":"col","url":"interfaces/TYPES.SortState.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortState"},{"id":674,"kind":1024,"name":"row","url":"interfaces/TYPES.SortState.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortState"},{"id":675,"kind":1024,"name":"order","url":"interfaces/TYPES.SortState.html#order","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortState"},{"id":676,"kind":4194304,"name":"HeaderValues","url":"modules/TYPES.html#HeaderValues","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":677,"kind":256,"name":"ListGridAPI","url":"interfaces/TYPES.ListGridAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":678,"kind":1024,"name":"records","url":"interfaces/TYPES.ListGridAPI.html#records","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":679,"kind":1024,"name":"dataSource","url":"interfaces/TYPES.ListGridAPI.html#dataSource","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":680,"kind":1024,"name":"theme","url":"interfaces/TYPES.ListGridAPI.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":681,"kind":1024,"name":"allowRangePaste","url":"interfaces/TYPES.ListGridAPI.html#allowRangePaste","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":682,"kind":1024,"name":"sortState","url":"interfaces/TYPES.ListGridAPI.html#sortState","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":683,"kind":1024,"name":"headerValues","url":"interfaces/TYPES.ListGridAPI.html#headerValues","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":684,"kind":1024,"name":"recordRowCount","url":"interfaces/TYPES.ListGridAPI.html#recordRowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":685,"kind":1024,"name":"disabled","url":"interfaces/TYPES.ListGridAPI.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":686,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.ListGridAPI.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":687,"kind":2048,"name":"listen","url":"interfaces/TYPES.ListGridAPI.html#listen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter tsd-is-overwrite","parent":"TYPES.ListGridAPI"},{"id":688,"kind":2048,"name":"getField","url":"interfaces/TYPES.ListGridAPI.html#getField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":689,"kind":2048,"name":"getRowRecord","url":"interfaces/TYPES.ListGridAPI.html#getRowRecord","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":690,"kind":2048,"name":"getRecordIndexByRow","url":"interfaces/TYPES.ListGridAPI.html#getRecordIndexByRow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":691,"kind":2048,"name":"getRecordStartRowByRecordIndex","url":"interfaces/TYPES.ListGridAPI.html#getRecordStartRowByRecordIndex","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":692,"kind":2048,"name":"getHeaderField","url":"interfaces/TYPES.ListGridAPI.html#getHeaderField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":693,"kind":2048,"name":"getHeaderValue","url":"interfaces/TYPES.ListGridAPI.html#getHeaderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":694,"kind":2048,"name":"setHeaderValue","url":"interfaces/TYPES.ListGridAPI.html#setHeaderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":695,"kind":2048,"name":"getCellRange","url":"interfaces/TYPES.ListGridAPI.html#getCellRange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":696,"kind":2048,"name":"getCellRangeByField","url":"interfaces/TYPES.ListGridAPI.html#getCellRangeByField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":697,"kind":2048,"name":"focusGridCell","url":"interfaces/TYPES.ListGridAPI.html#focusGridCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":698,"kind":2048,"name":"makeVisibleGridCell","url":"interfaces/TYPES.ListGridAPI.html#makeVisibleGridCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":699,"kind":2048,"name":"getGridCanvasHelper","url":"interfaces/TYPES.ListGridAPI.html#getGridCanvasHelper","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":700,"kind":2048,"name":"doChangeValue","url":"interfaces/TYPES.ListGridAPI.html#doChangeValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":701,"kind":2048,"name":"doGetCellValue","url":"interfaces/TYPES.ListGridAPI.html#doGetCellValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":702,"kind":2048,"name":"doSetPasteValue","url":"interfaces/TYPES.ListGridAPI.html#doSetPasteValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":703,"kind":2048,"name":"getLayoutCellId","url":"interfaces/TYPES.ListGridAPI.html#getLayoutCellId","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":704,"kind":2048,"name":"getColumnType","url":"interfaces/TYPES.ListGridAPI.html#getColumnType","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":705,"kind":2048,"name":"getColumnDefine","url":"interfaces/TYPES.ListGridAPI.html#getColumnDefine","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":706,"kind":2048,"name":"getColumnAction","url":"interfaces/TYPES.ListGridAPI.html#getColumnAction","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":707,"kind":2048,"name":"fireListeners","url":"interfaces/TYPES.ListGridAPI.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.ListGridAPI"},{"id":708,"kind":1024,"name":"font","url":"interfaces/TYPES.ListGridAPI.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":709,"kind":1024,"name":"rowCount","url":"interfaces/TYPES.ListGridAPI.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":710,"kind":1024,"name":"colCount","url":"interfaces/TYPES.ListGridAPI.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":711,"kind":1024,"name":"frozenRowCount","url":"interfaces/TYPES.ListGridAPI.html#frozenRowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":712,"kind":1024,"name":"frozenColCount","url":"interfaces/TYPES.ListGridAPI.html#frozenColCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":713,"kind":1024,"name":"defaultRowHeight","url":"interfaces/TYPES.ListGridAPI.html#defaultRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":714,"kind":1024,"name":"defaultColWidth","url":"interfaces/TYPES.ListGridAPI.html#defaultColWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":715,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/TYPES.ListGridAPI.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":716,"kind":1024,"name":"trimOnPaste","url":"interfaces/TYPES.ListGridAPI.html#trimOnPaste","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":717,"kind":1024,"name":"keyboardOptions","url":"interfaces/TYPES.ListGridAPI.html#keyboardOptions","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":718,"kind":1024,"name":"selection","url":"interfaces/TYPES.ListGridAPI.html#selection","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":719,"kind":1024,"name":"canvas","url":"interfaces/TYPES.ListGridAPI.html#canvas","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":720,"kind":1024,"name":"visibleRowCount","url":"interfaces/TYPES.ListGridAPI.html#visibleRowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":721,"kind":1024,"name":"visibleColCount","url":"interfaces/TYPES.ListGridAPI.html#visibleColCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":722,"kind":1024,"name":"topRow","url":"interfaces/TYPES.ListGridAPI.html#topRow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":723,"kind":1024,"name":"leftCol","url":"interfaces/TYPES.ListGridAPI.html#leftCol","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":724,"kind":1024,"name":"scrollLeft","url":"interfaces/TYPES.ListGridAPI.html#scrollLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":725,"kind":1024,"name":"scrollTop","url":"interfaces/TYPES.ListGridAPI.html#scrollTop","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":726,"kind":2048,"name":"getElement","url":"interfaces/TYPES.ListGridAPI.html#getElement","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":727,"kind":2048,"name":"focus","url":"interfaces/TYPES.ListGridAPI.html#focus","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":728,"kind":2048,"name":"hasFocusGrid","url":"interfaces/TYPES.ListGridAPI.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":729,"kind":2048,"name":"configure","url":"interfaces/TYPES.ListGridAPI.html#configure","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":730,"kind":2048,"name":"updateSize","url":"interfaces/TYPES.ListGridAPI.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":731,"kind":2048,"name":"updateScroll","url":"interfaces/TYPES.ListGridAPI.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":732,"kind":2048,"name":"invalidate","url":"interfaces/TYPES.ListGridAPI.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":733,"kind":2048,"name":"invalidateCell","url":"interfaces/TYPES.ListGridAPI.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":734,"kind":2048,"name":"invalidateGridRect","url":"interfaces/TYPES.ListGridAPI.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":735,"kind":2048,"name":"invalidateCellRange","url":"interfaces/TYPES.ListGridAPI.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":736,"kind":2048,"name":"getRowHeight","url":"interfaces/TYPES.ListGridAPI.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":737,"kind":2048,"name":"setRowHeight","url":"interfaces/TYPES.ListGridAPI.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":738,"kind":2048,"name":"getColWidth","url":"interfaces/TYPES.ListGridAPI.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":739,"kind":2048,"name":"setColWidth","url":"interfaces/TYPES.ListGridAPI.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":740,"kind":2048,"name":"getMaxColWidth","url":"interfaces/TYPES.ListGridAPI.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":741,"kind":2048,"name":"setMaxColWidth","url":"interfaces/TYPES.ListGridAPI.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":742,"kind":2048,"name":"getMinColWidth","url":"interfaces/TYPES.ListGridAPI.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":743,"kind":2048,"name":"setMinColWidth","url":"interfaces/TYPES.ListGridAPI.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":744,"kind":2048,"name":"getCellRect","url":"interfaces/TYPES.ListGridAPI.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":745,"kind":2048,"name":"getCellRelativeRect","url":"interfaces/TYPES.ListGridAPI.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":746,"kind":2048,"name":"getCellsRect","url":"interfaces/TYPES.ListGridAPI.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":747,"kind":2048,"name":"getCellRangeRect","url":"interfaces/TYPES.ListGridAPI.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":748,"kind":2048,"name":"isFrozenCell","url":"interfaces/TYPES.ListGridAPI.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":749,"kind":2048,"name":"getRowAt","url":"interfaces/TYPES.ListGridAPI.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":750,"kind":2048,"name":"getColAt","url":"interfaces/TYPES.ListGridAPI.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":751,"kind":2048,"name":"getCellAt","url":"interfaces/TYPES.ListGridAPI.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":752,"kind":2048,"name":"makeVisibleCell","url":"interfaces/TYPES.ListGridAPI.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":753,"kind":2048,"name":"setFocusCursor","url":"interfaces/TYPES.ListGridAPI.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":754,"kind":2048,"name":"focusCell","url":"interfaces/TYPES.ListGridAPI.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":755,"kind":2048,"name":"getCellOverflowText","url":"interfaces/TYPES.ListGridAPI.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":756,"kind":2048,"name":"setCellOverflowText","url":"interfaces/TYPES.ListGridAPI.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":757,"kind":2048,"name":"getAttachCellsArea","url":"interfaces/TYPES.ListGridAPI.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":758,"kind":2048,"name":"onKeyDownMove","url":"interfaces/TYPES.ListGridAPI.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":759,"kind":2048,"name":"dispose","url":"interfaces/TYPES.ListGridAPI.html#dispose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":760,"kind":2048,"name":"addDisposable","url":"interfaces/TYPES.ListGridAPI.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":761,"kind":256,"name":"ColumnTypeAPI","url":"interfaces/TYPES.ColumnTypeAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":762,"kind":256,"name":"ColumnActionAPI","url":"interfaces/TYPES.ColumnActionAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":763,"kind":1024,"name":"editable","url":"interfaces/TYPES.ColumnActionAPI.html#editable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnActionAPI"},{"id":764,"kind":1024,"name":"disabled","url":"interfaces/TYPES.ColumnActionAPI.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnActionAPI"},{"id":765,"kind":4194304,"name":"SetPasteValueTestData","url":"modules/TYPES.html#SetPasteValueTestData","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":766,"kind":256,"name":"InlineAPI","url":"interfaces/TYPES.InlineAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":767,"kind":2048,"name":"width","url":"interfaces/TYPES.InlineAPI.html#width","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":768,"kind":2048,"name":"font","url":"interfaces/TYPES.InlineAPI.html#font","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":769,"kind":2048,"name":"color","url":"interfaces/TYPES.InlineAPI.html#color","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":770,"kind":2048,"name":"canDraw","url":"interfaces/TYPES.InlineAPI.html#canDraw","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":771,"kind":2048,"name":"onReady","url":"interfaces/TYPES.InlineAPI.html#onReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":772,"kind":2048,"name":"draw","url":"interfaces/TYPES.InlineAPI.html#draw","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":773,"kind":2048,"name":"canBreak","url":"interfaces/TYPES.InlineAPI.html#canBreak","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":774,"kind":256,"name":"GridCanvasHelperAPI","url":"interfaces/TYPES.GridCanvasHelperAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":775,"kind":1024,"name":"theme","url":"interfaces/TYPES.GridCanvasHelperAPI.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":776,"kind":2048,"name":"text","url":"interfaces/TYPES.GridCanvasHelperAPI.html#text","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":777,"kind":2048,"name":"button","url":"interfaces/TYPES.GridCanvasHelperAPI.html#button","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":778,"kind":2048,"name":"checkbox","url":"interfaces/TYPES.GridCanvasHelperAPI.html#checkbox","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":779,"kind":2048,"name":"radioButton","url":"interfaces/TYPES.GridCanvasHelperAPI.html#radioButton","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":780,"kind":2048,"name":"multilineText","url":"interfaces/TYPES.GridCanvasHelperAPI.html#multilineText","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":781,"kind":2048,"name":"getColor","url":"interfaces/TYPES.GridCanvasHelperAPI.html#getColor","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":782,"kind":2048,"name":"toBoxPixelArray","url":"interfaces/TYPES.GridCanvasHelperAPI.html#toBoxPixelArray","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":783,"kind":2048,"name":"fillRectWithState","url":"interfaces/TYPES.GridCanvasHelperAPI.html#fillRectWithState","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":784,"kind":2048,"name":"drawBorderWithClip","url":"interfaces/TYPES.GridCanvasHelperAPI.html#drawBorderWithClip","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":785,"kind":2048,"name":"drawWithClip","url":"interfaces/TYPES.GridCanvasHelperAPI.html#drawWithClip","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":786,"kind":2048,"name":"testFontLoad","url":"interfaces/TYPES.GridCanvasHelperAPI.html#testFontLoad","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":787,"kind":2048,"name":"buildCheckBoxInline","url":"interfaces/TYPES.GridCanvasHelperAPI.html#buildCheckBoxInline","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":788,"kind":256,"name":"CellContext","url":"interfaces/TYPES.CellContext.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":789,"kind":1024,"name":"col","url":"interfaces/TYPES.CellContext.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":790,"kind":1024,"name":"row","url":"interfaces/TYPES.CellContext.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":791,"kind":2048,"name":"getContext","url":"interfaces/TYPES.CellContext.html#getContext","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":792,"kind":2048,"name":"toCurrentContext","url":"interfaces/TYPES.CellContext.html#toCurrentContext","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":793,"kind":2048,"name":"getDrawRect","url":"interfaces/TYPES.CellContext.html#getDrawRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":794,"kind":2048,"name":"getRect","url":"interfaces/TYPES.CellContext.html#getRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":795,"kind":2048,"name":"getSelection","url":"interfaces/TYPES.CellContext.html#getSelection","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":796,"kind":2048,"name":"setRectFilter","url":"interfaces/TYPES.CellContext.html#setRectFilter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":797,"kind":256,"name":"Selection","url":"interfaces/TYPES.Selection.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":798,"kind":1024,"name":"select","url":"interfaces/TYPES.Selection.html#select","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.Selection"},{"id":799,"kind":1024,"name":"range","url":"interfaces/TYPES.Selection.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.Selection"},{"id":800,"kind":4,"name":"core","url":"modules/core.html","classes":"tsd-kind-namespace"},{"id":801,"kind":128,"name":"DrawGrid","url":"classes/core.DrawGrid.html","classes":"tsd-kind-class tsd-parent-kind-namespace","parent":"core"},{"id":802,"kind":262144,"name":"EVENT_TYPE","url":"classes/core.DrawGrid.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-static","parent":"core.DrawGrid"},{"id":803,"kind":512,"name":"constructor","url":"classes/core.DrawGrid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core.DrawGrid"},{"id":804,"kind":2048,"name":"getElement","url":"classes/core.DrawGrid.html#getElement","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":805,"kind":262144,"name":"canvas","url":"classes/core.DrawGrid.html#canvas","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":806,"kind":2048,"name":"focus","url":"classes/core.DrawGrid.html#focus","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":807,"kind":2048,"name":"hasFocusGrid","url":"classes/core.DrawGrid.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":808,"kind":262144,"name":"selection","url":"classes/core.DrawGrid.html#selection","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":809,"kind":262144,"name":"rowCount","url":"classes/core.DrawGrid.html#rowCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":810,"kind":262144,"name":"colCount","url":"classes/core.DrawGrid.html#colCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":811,"kind":262144,"name":"frozenColCount","url":"classes/core.DrawGrid.html#frozenColCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":812,"kind":262144,"name":"frozenRowCount","url":"classes/core.DrawGrid.html#frozenRowCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":813,"kind":262144,"name":"defaultRowHeight","url":"classes/core.DrawGrid.html#defaultRowHeight","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":814,"kind":262144,"name":"defaultColWidth","url":"classes/core.DrawGrid.html#defaultColWidth","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":815,"kind":262144,"name":"font","url":"classes/core.DrawGrid.html#font","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":816,"kind":262144,"name":"underlayBackgroundColor","url":"classes/core.DrawGrid.html#underlayBackgroundColor","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":817,"kind":262144,"name":"trimOnPaste","url":"classes/core.DrawGrid.html#trimOnPaste","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":818,"kind":262144,"name":"keyboardOptions","url":"classes/core.DrawGrid.html#keyboardOptions","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":819,"kind":2048,"name":"configure","url":"classes/core.DrawGrid.html#configure","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":820,"kind":2048,"name":"updateSize","url":"classes/core.DrawGrid.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":821,"kind":2048,"name":"updateScroll","url":"classes/core.DrawGrid.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":822,"kind":2048,"name":"getRowHeight","url":"classes/core.DrawGrid.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":823,"kind":2048,"name":"setRowHeight","url":"classes/core.DrawGrid.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":824,"kind":2048,"name":"getColWidth","url":"classes/core.DrawGrid.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":825,"kind":2048,"name":"setColWidth","url":"classes/core.DrawGrid.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":826,"kind":2048,"name":"getMaxColWidth","url":"classes/core.DrawGrid.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":827,"kind":2048,"name":"setMaxColWidth","url":"classes/core.DrawGrid.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":828,"kind":2048,"name":"getMinColWidth","url":"classes/core.DrawGrid.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":829,"kind":2048,"name":"setMinColWidth","url":"classes/core.DrawGrid.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":830,"kind":2048,"name":"getCellRect","url":"classes/core.DrawGrid.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":831,"kind":2048,"name":"getCellRelativeRect","url":"classes/core.DrawGrid.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":832,"kind":2048,"name":"getCellsRect","url":"classes/core.DrawGrid.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":833,"kind":2048,"name":"getCellRangeRect","url":"classes/core.DrawGrid.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":834,"kind":2048,"name":"isFrozenCell","url":"classes/core.DrawGrid.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":835,"kind":2048,"name":"getRowAt","url":"classes/core.DrawGrid.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":836,"kind":2048,"name":"getColAt","url":"classes/core.DrawGrid.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":837,"kind":2048,"name":"getCellAt","url":"classes/core.DrawGrid.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":838,"kind":2048,"name":"makeVisibleCell","url":"classes/core.DrawGrid.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":839,"kind":2048,"name":"setFocusCursor","url":"classes/core.DrawGrid.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":840,"kind":2048,"name":"focusCell","url":"classes/core.DrawGrid.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":841,"kind":2048,"name":"invalidateCell","url":"classes/core.DrawGrid.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":842,"kind":2048,"name":"invalidateGridRect","url":"classes/core.DrawGrid.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":843,"kind":2048,"name":"invalidateCellRange","url":"classes/core.DrawGrid.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":844,"kind":2048,"name":"invalidate","url":"classes/core.DrawGrid.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":845,"kind":262144,"name":"visibleRowCount","url":"classes/core.DrawGrid.html#visibleRowCount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":846,"kind":262144,"name":"visibleColCount","url":"classes/core.DrawGrid.html#visibleColCount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":847,"kind":262144,"name":"topRow","url":"classes/core.DrawGrid.html#topRow","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":848,"kind":262144,"name":"leftCol","url":"classes/core.DrawGrid.html#leftCol","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":849,"kind":262144,"name":"scrollTop","url":"classes/core.DrawGrid.html#scrollTop","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":850,"kind":262144,"name":"scrollLeft","url":"classes/core.DrawGrid.html#scrollLeft","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":851,"kind":2048,"name":"getCellOverflowText","url":"classes/core.DrawGrid.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":852,"kind":2048,"name":"setCellOverflowText","url":"classes/core.DrawGrid.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":853,"kind":2048,"name":"addDisposable","url":"classes/core.DrawGrid.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":854,"kind":2048,"name":"dispose","url":"classes/core.DrawGrid.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core.DrawGrid"},{"id":855,"kind":2048,"name":"getAttachCellsArea","url":"classes/core.DrawGrid.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":856,"kind":2048,"name":"onKeyDownMove","url":"classes/core.DrawGrid.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":857,"kind":2048,"name":"fireListeners","url":"classes/core.DrawGrid.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"core.DrawGrid"},{"id":858,"kind":2048,"name":"listen","url":"classes/core.DrawGrid.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":859,"kind":2048,"name":"unlisten","url":"classes/core.DrawGrid.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":860,"kind":2048,"name":"addEventListener","url":"classes/core.DrawGrid.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":861,"kind":2048,"name":"removeEventListener","url":"classes/core.DrawGrid.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":862,"kind":2048,"name":"hasListeners","url":"classes/core.DrawGrid.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":863,"kind":32,"name":"EVENT_TYPE","url":"modules/core.html#EVENT_TYPE","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"core"},{"id":864,"kind":4,"name":"tools","url":"modules/tools.html","classes":"tsd-kind-namespace"},{"id":865,"kind":128,"name":"ListGrid","url":"classes/ListGrid.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":866,"kind":262144,"name":"EVENT_TYPE","url":"classes/ListGrid.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"ListGrid"},{"id":867,"kind":512,"name":"constructor","url":"classes/ListGrid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"ListGrid"},{"id":868,"kind":1024,"name":"disabled","url":"classes/ListGrid.html#disabled","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ListGrid"},{"id":869,"kind":1024,"name":"readOnly","url":"classes/ListGrid.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ListGrid"},{"id":870,"kind":2048,"name":"dispose","url":"classes/ListGrid.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ListGrid"},{"id":871,"kind":262144,"name":"header","url":"classes/ListGrid.html#header","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":872,"kind":262144,"name":"layout","url":"classes/ListGrid.html#layout","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":873,"kind":262144,"name":"recordRowCount","url":"classes/ListGrid.html#recordRowCount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ListGrid"},{"id":874,"kind":262144,"name":"records","url":"classes/ListGrid.html#records","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":875,"kind":262144,"name":"dataSource","url":"classes/ListGrid.html#dataSource","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":876,"kind":262144,"name":"theme","url":"classes/ListGrid.html#theme","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":877,"kind":262144,"name":"allowRangePaste","url":"classes/ListGrid.html#allowRangePaste","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":878,"kind":262144,"name":"font","url":"classes/ListGrid.html#font","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite","parent":"ListGrid"},{"id":879,"kind":262144,"name":"underlayBackgroundColor","url":"classes/ListGrid.html#underlayBackgroundColor","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite","parent":"ListGrid"},{"id":880,"kind":262144,"name":"sortState","url":"classes/ListGrid.html#sortState","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":881,"kind":262144,"name":"headerValues","url":"classes/ListGrid.html#headerValues","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":882,"kind":2048,"name":"getField","url":"classes/ListGrid.html#getField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":883,"kind":2048,"name":"getColumnDefine","url":"classes/ListGrid.html#getColumnDefine","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":884,"kind":2048,"name":"getColumnType","url":"classes/ListGrid.html#getColumnType","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":885,"kind":2048,"name":"getColumnAction","url":"classes/ListGrid.html#getColumnAction","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":886,"kind":2048,"name":"getHeaderField","url":"classes/ListGrid.html#getHeaderField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":887,"kind":2048,"name":"getHeaderDefine","url":"classes/ListGrid.html#getHeaderDefine","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":888,"kind":2048,"name":"getRowRecord","url":"classes/ListGrid.html#getRowRecord","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":889,"kind":2048,"name":"getRecordIndexByRow","url":"classes/ListGrid.html#getRecordIndexByRow","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":890,"kind":2048,"name":"getRecordStartRowByRecordIndex","url":"classes/ListGrid.html#getRecordStartRowByRecordIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":891,"kind":2048,"name":"getColumnIndexByField","url":"classes/ListGrid.html#getColumnIndexByField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":892,"kind":2048,"name":"getCellRangeByField","url":"classes/ListGrid.html#getCellRangeByField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":893,"kind":2048,"name":"focusGridCell","url":"classes/ListGrid.html#focusGridCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":894,"kind":2048,"name":"makeVisibleGridCell","url":"classes/ListGrid.html#makeVisibleGridCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":895,"kind":2048,"name":"getGridCanvasHelper","url":"classes/ListGrid.html#getGridCanvasHelper","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":896,"kind":2048,"name":"getCellRange","url":"classes/ListGrid.html#getCellRange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":897,"kind":2048,"name":"getHeaderCellRange","url":"classes/ListGrid.html#getHeaderCellRange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":898,"kind":2048,"name":"doGetCellValue","url":"classes/ListGrid.html#doGetCellValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":899,"kind":2048,"name":"doChangeValue","url":"classes/ListGrid.html#doChangeValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":900,"kind":2048,"name":"doSetPasteValue","url":"classes/ListGrid.html#doSetPasteValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":901,"kind":2048,"name":"getHeaderValue","url":"classes/ListGrid.html#getHeaderValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":902,"kind":2048,"name":"setHeaderValue","url":"classes/ListGrid.html#setHeaderValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":903,"kind":2048,"name":"getLayoutCellId","url":"classes/ListGrid.html#getLayoutCellId","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":904,"kind":2048,"name":"fireListeners","url":"classes/ListGrid.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"ListGrid"},{"id":905,"kind":2048,"name":"getElement","url":"classes/ListGrid.html#getElement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":906,"kind":262144,"name":"canvas","url":"classes/ListGrid.html#canvas","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":907,"kind":2048,"name":"focus","url":"classes/ListGrid.html#focus","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":908,"kind":2048,"name":"hasFocusGrid","url":"classes/ListGrid.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":909,"kind":262144,"name":"selection","url":"classes/ListGrid.html#selection","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":910,"kind":262144,"name":"rowCount","url":"classes/ListGrid.html#rowCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":911,"kind":262144,"name":"colCount","url":"classes/ListGrid.html#colCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":912,"kind":262144,"name":"frozenColCount","url":"classes/ListGrid.html#frozenColCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":913,"kind":262144,"name":"frozenRowCount","url":"classes/ListGrid.html#frozenRowCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":914,"kind":262144,"name":"defaultRowHeight","url":"classes/ListGrid.html#defaultRowHeight","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":915,"kind":262144,"name":"defaultColWidth","url":"classes/ListGrid.html#defaultColWidth","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":916,"kind":262144,"name":"trimOnPaste","url":"classes/ListGrid.html#trimOnPaste","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":917,"kind":262144,"name":"keyboardOptions","url":"classes/ListGrid.html#keyboardOptions","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":918,"kind":2048,"name":"configure","url":"classes/ListGrid.html#configure","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":919,"kind":2048,"name":"updateSize","url":"classes/ListGrid.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":920,"kind":2048,"name":"updateScroll","url":"classes/ListGrid.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":921,"kind":2048,"name":"getRowHeight","url":"classes/ListGrid.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":922,"kind":2048,"name":"setRowHeight","url":"classes/ListGrid.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":923,"kind":2048,"name":"getColWidth","url":"classes/ListGrid.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":924,"kind":2048,"name":"setColWidth","url":"classes/ListGrid.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":925,"kind":2048,"name":"getMaxColWidth","url":"classes/ListGrid.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":926,"kind":2048,"name":"setMaxColWidth","url":"classes/ListGrid.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":927,"kind":2048,"name":"getMinColWidth","url":"classes/ListGrid.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":928,"kind":2048,"name":"setMinColWidth","url":"classes/ListGrid.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":929,"kind":2048,"name":"getCellRect","url":"classes/ListGrid.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":930,"kind":2048,"name":"getCellRelativeRect","url":"classes/ListGrid.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":931,"kind":2048,"name":"getCellsRect","url":"classes/ListGrid.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":932,"kind":2048,"name":"getCellRangeRect","url":"classes/ListGrid.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":933,"kind":2048,"name":"isFrozenCell","url":"classes/ListGrid.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":934,"kind":2048,"name":"getRowAt","url":"classes/ListGrid.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":935,"kind":2048,"name":"getColAt","url":"classes/ListGrid.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":936,"kind":2048,"name":"getCellAt","url":"classes/ListGrid.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":937,"kind":2048,"name":"makeVisibleCell","url":"classes/ListGrid.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":938,"kind":2048,"name":"setFocusCursor","url":"classes/ListGrid.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":939,"kind":2048,"name":"focusCell","url":"classes/ListGrid.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":940,"kind":2048,"name":"invalidateCell","url":"classes/ListGrid.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":941,"kind":2048,"name":"invalidateGridRect","url":"classes/ListGrid.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":942,"kind":2048,"name":"invalidateCellRange","url":"classes/ListGrid.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":943,"kind":2048,"name":"invalidate","url":"classes/ListGrid.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":944,"kind":262144,"name":"visibleRowCount","url":"classes/ListGrid.html#visibleRowCount","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":945,"kind":262144,"name":"visibleColCount","url":"classes/ListGrid.html#visibleColCount","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":946,"kind":262144,"name":"topRow","url":"classes/ListGrid.html#topRow","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":947,"kind":262144,"name":"leftCol","url":"classes/ListGrid.html#leftCol","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":948,"kind":262144,"name":"scrollTop","url":"classes/ListGrid.html#scrollTop","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":949,"kind":262144,"name":"scrollLeft","url":"classes/ListGrid.html#scrollLeft","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":950,"kind":2048,"name":"getCellOverflowText","url":"classes/ListGrid.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":951,"kind":2048,"name":"setCellOverflowText","url":"classes/ListGrid.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":952,"kind":2048,"name":"addDisposable","url":"classes/ListGrid.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":953,"kind":2048,"name":"getAttachCellsArea","url":"classes/ListGrid.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":954,"kind":2048,"name":"onKeyDownMove","url":"classes/ListGrid.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":955,"kind":2048,"name":"listen","url":"classes/ListGrid.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":956,"kind":2048,"name":"unlisten","url":"classes/ListGrid.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":957,"kind":2048,"name":"addEventListener","url":"classes/ListGrid.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":958,"kind":2048,"name":"removeEventListener","url":"classes/ListGrid.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":959,"kind":2048,"name":"hasListeners","url":"classes/ListGrid.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":960,"kind":256,"name":"ListGridConstructorOptions","url":"interfaces/ListGridConstructorOptions.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":961,"kind":1024,"name":"header","url":"interfaces/ListGridConstructorOptions.html#header","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":962,"kind":1024,"name":"layout","url":"interfaces/ListGridConstructorOptions.html#layout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":963,"kind":1024,"name":"headerRowHeight","url":"interfaces/ListGridConstructorOptions.html#headerRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":964,"kind":1024,"name":"dataSource","url":"interfaces/ListGridConstructorOptions.html#dataSource","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":965,"kind":1024,"name":"records","url":"interfaces/ListGridConstructorOptions.html#records","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":966,"kind":1024,"name":"theme","url":"interfaces/ListGridConstructorOptions.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":967,"kind":1024,"name":"allowRangePaste","url":"interfaces/ListGridConstructorOptions.html#allowRangePaste","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":968,"kind":1024,"name":"rowCount","url":"interfaces/ListGridConstructorOptions.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ListGridConstructorOptions"},{"id":969,"kind":1024,"name":"colCount","url":"interfaces/ListGridConstructorOptions.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ListGridConstructorOptions"},{"id":970,"kind":1024,"name":"frozenRowCount","url":"interfaces/ListGridConstructorOptions.html#frozenRowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ListGridConstructorOptions"},{"id":971,"kind":1024,"name":"frozenColCount","url":"interfaces/ListGridConstructorOptions.html#frozenColCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":972,"kind":1024,"name":"defaultRowHeight","url":"interfaces/ListGridConstructorOptions.html#defaultRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":973,"kind":1024,"name":"defaultColWidth","url":"interfaces/ListGridConstructorOptions.html#defaultColWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":974,"kind":1024,"name":"font","url":"interfaces/ListGridConstructorOptions.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":975,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/ListGridConstructorOptions.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":976,"kind":1024,"name":"keyboardOptions","url":"interfaces/ListGridConstructorOptions.html#keyboardOptions","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":977,"kind":1024,"name":"parentElement","url":"interfaces/ListGridConstructorOptions.html#parentElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":978,"kind":1024,"name":"disableColumnResize","url":"interfaces/ListGridConstructorOptions.html#disableColumnResize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":979,"kind":1024,"name":"trimOnPaste","url":"interfaces/ListGridConstructorOptions.html#trimOnPaste","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":980,"kind":4194304,"name":"HeadersDefine","url":"modules.html#HeadersDefine","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":981,"kind":256,"name":"ColumnDefine","url":"interfaces/ColumnDefine.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":982,"kind":1024,"name":"field","url":"interfaces/ColumnDefine.html#field","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":983,"kind":1024,"name":"icon","url":"interfaces/ColumnDefine.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":984,"kind":1024,"name":"message","url":"interfaces/ColumnDefine.html#message","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":985,"kind":1024,"name":"columnType","url":"interfaces/ColumnDefine.html#columnType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":986,"kind":1024,"name":"action","url":"interfaces/ColumnDefine.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":987,"kind":1024,"name":"style","url":"interfaces/ColumnDefine.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":988,"kind":1024,"name":"caption","url":"interfaces/ColumnDefine.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":989,"kind":1024,"name":"width","url":"interfaces/ColumnDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":990,"kind":1024,"name":"minWidth","url":"interfaces/ColumnDefine.html#minWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":991,"kind":1024,"name":"maxWidth","url":"interfaces/ColumnDefine.html#maxWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":992,"kind":1024,"name":"headerField","url":"interfaces/ColumnDefine.html#headerField","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":993,"kind":1024,"name":"headerIcon","url":"interfaces/ColumnDefine.html#headerIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":994,"kind":1024,"name":"headerStyle","url":"interfaces/ColumnDefine.html#headerStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":995,"kind":1024,"name":"headerType","url":"interfaces/ColumnDefine.html#headerType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":996,"kind":1024,"name":"headerAction","url":"interfaces/ColumnDefine.html#headerAction","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":997,"kind":1024,"name":"sort","url":"interfaces/ColumnDefine.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":998,"kind":256,"name":"HeaderDefine","url":"interfaces/HeaderDefine.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":999,"kind":1024,"name":"caption","url":"interfaces/HeaderDefine.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1000,"kind":1024,"name":"width","url":"interfaces/HeaderDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1001,"kind":1024,"name":"minWidth","url":"interfaces/HeaderDefine.html#minWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1002,"kind":1024,"name":"maxWidth","url":"interfaces/HeaderDefine.html#maxWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1003,"kind":1024,"name":"headerField","url":"interfaces/HeaderDefine.html#headerField","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1004,"kind":1024,"name":"headerIcon","url":"interfaces/HeaderDefine.html#headerIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1005,"kind":1024,"name":"headerStyle","url":"interfaces/HeaderDefine.html#headerStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1006,"kind":1024,"name":"headerType","url":"interfaces/HeaderDefine.html#headerType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1007,"kind":1024,"name":"headerAction","url":"interfaces/HeaderDefine.html#headerAction","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1008,"kind":1024,"name":"sort","url":"interfaces/HeaderDefine.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1009,"kind":256,"name":"GroupHeaderDefine","url":"interfaces/GroupHeaderDefine.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1010,"kind":1024,"name":"columns","url":"interfaces/GroupHeaderDefine.html#columns","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"GroupHeaderDefine"},{"id":1011,"kind":1024,"name":"caption","url":"interfaces/GroupHeaderDefine.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1012,"kind":1024,"name":"width","url":"interfaces/GroupHeaderDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1013,"kind":1024,"name":"minWidth","url":"interfaces/GroupHeaderDefine.html#minWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1014,"kind":1024,"name":"maxWidth","url":"interfaces/GroupHeaderDefine.html#maxWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1015,"kind":1024,"name":"headerField","url":"interfaces/GroupHeaderDefine.html#headerField","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1016,"kind":1024,"name":"headerIcon","url":"interfaces/GroupHeaderDefine.html#headerIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1017,"kind":1024,"name":"headerStyle","url":"interfaces/GroupHeaderDefine.html#headerStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1018,"kind":1024,"name":"headerType","url":"interfaces/GroupHeaderDefine.html#headerType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1019,"kind":1024,"name":"headerAction","url":"interfaces/GroupHeaderDefine.html#headerAction","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1020,"kind":1024,"name":"sort","url":"interfaces/GroupHeaderDefine.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1021,"kind":4,"name":"columns","url":"modules/columns.html","classes":"tsd-kind-namespace"},{"id":1022,"kind":4,"name":"headers","url":"modules/headers.html","classes":"tsd-kind-namespace"},{"id":1023,"kind":4,"name":"data","url":"modules/data.html","classes":"tsd-kind-namespace"},{"id":1024,"kind":128,"name":"DataSource","url":"classes/data.DataSource.html","classes":"tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1025,"kind":262144,"name":"EVENT_TYPE","url":"classes/data.DataSource.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-static","parent":"data.DataSource"},{"id":1026,"kind":2048,"name":"ofArray","url":"classes/data.DataSource.html#ofArray","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static","parent":"data.DataSource"},{"id":1027,"kind":1024,"name":"EMPTY","url":"classes/data.DataSource.html#EMPTY","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"data.DataSource"},{"id":1028,"kind":512,"name":"constructor","url":"classes/data.DataSource.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"data.DataSource"},{"id":1029,"kind":262144,"name":"source","url":"classes/data.DataSource.html#source","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"data.DataSource"},{"id":1030,"kind":2048,"name":"get","url":"classes/data.DataSource.html#get","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.DataSource"},{"id":1031,"kind":2048,"name":"getField","url":"classes/data.DataSource.html#getField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"data.DataSource"},{"id":1032,"kind":2048,"name":"hasField","url":"classes/data.DataSource.html#hasField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.DataSource"},{"id":1033,"kind":2048,"name":"setField","url":"classes/data.DataSource.html#setField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"data.DataSource"},{"id":1034,"kind":2048,"name":"sort","url":"classes/data.DataSource.html#sort","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.DataSource"},{"id":1035,"kind":262144,"name":"length","url":"classes/data.DataSource.html#length","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"data.DataSource"},{"id":1036,"kind":262144,"name":"dataSource","url":"classes/data.DataSource.html#dataSource","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"data.DataSource"},{"id":1037,"kind":2048,"name":"dispose","url":"classes/data.DataSource.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.DataSource"},{"id":1038,"kind":2048,"name":"listen","url":"classes/data.DataSource.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1039,"kind":2048,"name":"unlisten","url":"classes/data.DataSource.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1040,"kind":2048,"name":"addEventListener","url":"classes/data.DataSource.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1041,"kind":2048,"name":"removeEventListener","url":"classes/data.DataSource.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1042,"kind":2048,"name":"hasListeners","url":"classes/data.DataSource.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1043,"kind":2048,"name":"fireListeners","url":"classes/data.DataSource.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1044,"kind":128,"name":"CachedDataSource","url":"classes/data.CachedDataSource.html","classes":"tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1045,"kind":262144,"name":"EVENT_TYPE","url":"classes/data.CachedDataSource.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"data.CachedDataSource"},{"id":1046,"kind":2048,"name":"ofArray","url":"classes/data.CachedDataSource.html#ofArray","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite tsd-is-static","parent":"data.CachedDataSource"},{"id":1047,"kind":1024,"name":"EMPTY","url":"classes/data.CachedDataSource.html#EMPTY","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"data.CachedDataSource"},{"id":1048,"kind":512,"name":"constructor","url":"classes/data.CachedDataSource.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"data.CachedDataSource"},{"id":1049,"kind":2048,"name":"clearCache","url":"classes/data.CachedDataSource.html#clearCache","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.CachedDataSource"},{"id":1050,"kind":2048,"name":"dispose","url":"classes/data.CachedDataSource.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.CachedDataSource"},{"id":1051,"kind":262144,"name":"source","url":"classes/data.CachedDataSource.html#source","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1052,"kind":2048,"name":"get","url":"classes/data.CachedDataSource.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1053,"kind":2048,"name":"getField","url":"classes/data.CachedDataSource.html#getField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1054,"kind":2048,"name":"hasField","url":"classes/data.CachedDataSource.html#hasField","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1055,"kind":2048,"name":"setField","url":"classes/data.CachedDataSource.html#setField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1056,"kind":2048,"name":"sort","url":"classes/data.CachedDataSource.html#sort","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1057,"kind":262144,"name":"length","url":"classes/data.CachedDataSource.html#length","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1058,"kind":262144,"name":"dataSource","url":"classes/data.CachedDataSource.html#dataSource","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1059,"kind":2048,"name":"listen","url":"classes/data.CachedDataSource.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1060,"kind":2048,"name":"unlisten","url":"classes/data.CachedDataSource.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1061,"kind":2048,"name":"addEventListener","url":"classes/data.CachedDataSource.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1062,"kind":2048,"name":"removeEventListener","url":"classes/data.CachedDataSource.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1063,"kind":2048,"name":"hasListeners","url":"classes/data.CachedDataSource.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1064,"kind":2048,"name":"fireListeners","url":"classes/data.CachedDataSource.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1065,"kind":128,"name":"FilterDataSource","url":"classes/data.FilterDataSource.html","classes":"tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1066,"kind":262144,"name":"EVENT_TYPE","url":"classes/data.FilterDataSource.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"data.FilterDataSource"},{"id":1067,"kind":2048,"name":"ofArray","url":"classes/data.FilterDataSource.html#ofArray","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-static","parent":"data.FilterDataSource"},{"id":1068,"kind":1024,"name":"EMPTY","url":"classes/data.FilterDataSource.html#EMPTY","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"data.FilterDataSource"},{"id":1069,"kind":512,"name":"constructor","url":"classes/data.FilterDataSource.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1070,"kind":262144,"name":"filter","url":"classes/data.FilterDataSource.html#filter","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"data.FilterDataSource"},{"id":1071,"kind":2048,"name":"sort","url":"classes/data.FilterDataSource.html#sort","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1072,"kind":262144,"name":"source","url":"classes/data.FilterDataSource.html#source","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1073,"kind":262144,"name":"dataSource","url":"classes/data.FilterDataSource.html#dataSource","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1074,"kind":2048,"name":"dispose","url":"classes/data.FilterDataSource.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1075,"kind":2048,"name":"get","url":"classes/data.FilterDataSource.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1076,"kind":2048,"name":"getField","url":"classes/data.FilterDataSource.html#getField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1077,"kind":2048,"name":"hasField","url":"classes/data.FilterDataSource.html#hasField","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1078,"kind":2048,"name":"setField","url":"classes/data.FilterDataSource.html#setField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1079,"kind":262144,"name":"length","url":"classes/data.FilterDataSource.html#length","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1080,"kind":2048,"name":"listen","url":"classes/data.FilterDataSource.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1081,"kind":2048,"name":"unlisten","url":"classes/data.FilterDataSource.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1082,"kind":2048,"name":"addEventListener","url":"classes/data.FilterDataSource.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1083,"kind":2048,"name":"removeEventListener","url":"classes/data.FilterDataSource.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1084,"kind":2048,"name":"hasListeners","url":"classes/data.FilterDataSource.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1085,"kind":2048,"name":"fireListeners","url":"classes/data.FilterDataSource.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1086,"kind":256,"name":"DataSourceParam","url":"interfaces/data.DataSourceParam.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1087,"kind":2048,"name":"get","url":"interfaces/data.DataSourceParam.html#get","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"data.DataSourceParam"},{"id":1088,"kind":1024,"name":"length","url":"interfaces/data.DataSourceParam.html#length","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"data.DataSourceParam"},{"id":1089,"kind":1024,"name":"source","url":"interfaces/data.DataSourceParam.html#source","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"data.DataSourceParam"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,65.894]],["parent/0",[]],["name/1",[1,36.449]],["parent/1",[]],["name/2",[2,54.908]],["parent/2",[1,3.626]],["name/3",[3,60.786]],["parent/3",[1,3.626]],["name/4",[4,24.253]],["parent/4",[1,3.626]],["name/5",[5,57.421]],["parent/5",[1,3.626]],["name/6",[6,60.786]],["parent/6",[1,3.626]],["name/7",[7,65.894]],["parent/7",[1,3.626]],["name/8",[8,51.23]],["parent/8",[1,3.626]],["name/9",[9,65.894]],["parent/9",[1,3.626]],["name/10",[10,65.894]],["parent/10",[1,3.626]],["name/11",[11,65.894]],["parent/11",[1,3.626]],["name/12",[12,20.859]],["parent/12",[]],["name/13",[13,65.894]],["parent/13",[12,2.075]],["name/14",[14,65.894]],["parent/14",[12,2.075]],["name/15",[15,65.894]],["parent/15",[12,2.075]],["name/16",[16,65.894]],["parent/16",[12,2.075]],["name/17",[17,65.894]],["parent/17",[12,2.075]],["name/18",[18,65.894]],["parent/18",[12,2.075]],["name/19",[19,65.894]],["parent/19",[12,2.075]],["name/20",[20,65.894]],["parent/20",[12,2.075]],["name/21",[21,65.894]],["parent/21",[12,2.075]],["name/22",[22,65.894]],["parent/22",[12,2.075]],["name/23",[23,65.894]],["parent/23",[12,2.075]],["name/24",[24,65.894]],["parent/24",[12,2.075]],["name/25",[1,36.449]],["parent/25",[25,6.554]],["name/26",[26,65.894]],["parent/26",[12,2.075]],["name/27",[27,65.894]],["parent/27",[28,5.096]],["name/28",[29,65.894]],["parent/28",[28,5.096]],["name/29",[30,65.894]],["parent/29",[28,5.096]],["name/30",[31,65.894]],["parent/30",[28,5.096]],["name/31",[32,45.525]],["parent/31",[28,5.096]],["name/32",[33,49.799]],["parent/32",[28,5.096]],["name/33",[34,65.894]],["parent/33",[12,2.075]],["name/34",[35,65.894]],["parent/34",[12,2.075]],["name/35",[36,54.908]],["parent/35",[37,6.046]],["name/36",[38,54.908]],["parent/36",[37,6.046]],["name/37",[39,65.894]],["parent/37",[12,2.075]],["name/38",[40,60.786]],["parent/38",[41,6.046]],["name/39",[42,65.894]],["parent/39",[41,6.046]],["name/40",[43,65.894]],["parent/40",[12,2.075]],["name/41",[1,36.449]],["parent/41",[44,6.554]],["name/42",[45,65.894]],["parent/42",[12,2.075]],["name/43",[1,36.449]],["parent/43",[46,6.554]],["name/44",[47,65.894]],["parent/44",[12,2.075]],["name/45",[48,51.23]],["parent/45",[49,6.046]],["name/46",[50,65.894]],["parent/46",[49,6.046]],["name/47",[51,65.894]],["parent/47",[12,2.075]],["name/48",[52,65.894]],["parent/48",[12,2.075]],["name/49",[53,65.894]],["parent/49",[12,2.075]],["name/50",[54,49.799]],["parent/50",[55,6.554]],["name/51",[56,65.894]],["parent/51",[12,2.075]],["name/52",[57,65.894]],["parent/52",[58,6.046]],["name/53",[54,49.799]],["parent/53",[58,6.046]],["name/54",[59,65.894]],["parent/54",[12,2.075]],["name/55",[60,52.901]],["parent/55",[61,6.046]],["name/56",[54,49.799]],["parent/56",[61,6.046]],["name/57",[62,65.894]],["parent/57",[12,2.075]],["name/58",[63,60.786]],["parent/58",[64,6.046]],["name/59",[54,49.799]],["parent/59",[64,6.046]],["name/60",[65,65.894]],["parent/60",[12,2.075]],["name/61",[66,60.786]],["parent/61",[67,5.096]],["name/62",[68,60.786]],["parent/62",[67,5.096]],["name/63",[69,60.786]],["parent/63",[67,5.096]],["name/64",[70,60.786]],["parent/64",[67,5.096]],["name/65",[71,65.894]],["parent/65",[67,5.096]],["name/66",[54,49.799]],["parent/66",[67,5.096]],["name/67",[72,65.894]],["parent/67",[12,2.075]],["name/68",[73,65.894]],["parent/68",[74,5.462]],["name/69",[75,65.894]],["parent/69",[74,5.462]],["name/70",[76,65.894]],["parent/70",[74,5.462]],["name/71",[54,49.799]],["parent/71",[74,5.462]],["name/72",[77,65.894]],["parent/72",[12,2.075]],["name/73",[40,60.786]],["parent/73",[78,5.712]],["name/74",[79,65.894]],["parent/74",[78,5.712]],["name/75",[54,49.799]],["parent/75",[78,5.712]],["name/76",[80,65.894]],["parent/76",[12,2.075]],["name/77",[81,65.894]],["parent/77",[12,2.075]],["name/78",[82,65.894]],["parent/78",[12,2.075]],["name/79",[83,65.894]],["parent/79",[12,2.075]],["name/80",[84,65.894]],["parent/80",[12,2.075]],["name/81",[85,41.326]],["parent/81",[86,4.829]],["name/82",[87,41.326]],["parent/82",[86,4.829]],["name/83",[88,41.915]],["parent/83",[86,4.829]],["name/84",[89,41.915]],["parent/84",[86,4.829]],["name/85",[90,41.915]],["parent/85",[86,4.829]],["name/86",[91,41.915]],["parent/86",[86,4.829]],["name/87",[92,65.894]],["parent/87",[86,4.829]],["name/88",[93,65.894]],["parent/88",[86,4.829]],["name/89",[94,65.894]],["parent/89",[12,2.075]],["name/90",[85,41.326]],["parent/90",[95,5.096]],["name/91",[87,41.326]],["parent/91",[95,5.096]],["name/92",[88,41.915]],["parent/92",[95,5.096]],["name/93",[89,41.915]],["parent/93",[95,5.096]],["name/94",[90,41.915]],["parent/94",[95,5.096]],["name/95",[91,41.915]],["parent/95",[95,5.096]],["name/96",[96,65.894]],["parent/96",[12,2.075]],["name/97",[97,43.922]],["parent/97",[98,4.829]],["name/98",[99,43.922]],["parent/98",[98,4.829]],["name/99",[85,41.326]],["parent/99",[98,4.829]],["name/100",[87,41.326]],["parent/100",[98,4.829]],["name/101",[88,41.915]],["parent/101",[98,4.829]],["name/102",[89,41.915]],["parent/102",[98,4.829]],["name/103",[90,41.915]],["parent/103",[98,4.829]],["name/104",[91,41.915]],["parent/104",[98,4.829]],["name/105",[100,65.894]],["parent/105",[12,2.075]],["name/106",[101,42.54]],["parent/106",[102,4.445]],["name/107",[103,41.326]],["parent/107",[102,4.445]],["name/108",[104,47.436]],["parent/108",[102,4.445]],["name/109",[105,46.435]],["parent/109",[102,4.445]],["name/110",[97,43.922]],["parent/110",[102,4.445]],["name/111",[99,43.922]],["parent/111",[102,4.445]],["name/112",[85,41.326]],["parent/112",[102,4.445]],["name/113",[87,41.326]],["parent/113",[102,4.445]],["name/114",[88,41.915]],["parent/114",[102,4.445]],["name/115",[89,41.915]],["parent/115",[102,4.445]],["name/116",[90,41.915]],["parent/116",[102,4.445]],["name/117",[91,41.915]],["parent/117",[102,4.445]],["name/118",[106,65.894]],["parent/118",[12,2.075]],["name/119",[107,54.908]],["parent/119",[108,4.231]],["name/120",[109,54.908]],["parent/120",[108,4.231]],["name/121",[110,52.901]],["parent/121",[108,4.231]],["name/122",[101,42.54]],["parent/122",[108,4.231]],["name/123",[103,41.326]],["parent/123",[108,4.231]],["name/124",[104,47.436]],["parent/124",[108,4.231]],["name/125",[105,46.435]],["parent/125",[108,4.231]],["name/126",[97,43.922]],["parent/126",[108,4.231]],["name/127",[99,43.922]],["parent/127",[108,4.231]],["name/128",[85,41.326]],["parent/128",[108,4.231]],["name/129",[87,41.326]],["parent/129",[108,4.231]],["name/130",[88,41.915]],["parent/130",[108,4.231]],["name/131",[89,41.915]],["parent/131",[108,4.231]],["name/132",[90,41.915]],["parent/132",[108,4.231]],["name/133",[91,41.915]],["parent/133",[108,4.231]],["name/134",[111,65.894]],["parent/134",[12,2.075]],["name/135",[112,65.894]],["parent/135",[12,2.075]],["name/136",[113,60.786]],["parent/136",[114,4.169]],["name/137",[107,54.908]],["parent/137",[114,4.169]],["name/138",[109,54.908]],["parent/138",[114,4.169]],["name/139",[110,52.901]],["parent/139",[114,4.169]],["name/140",[101,42.54]],["parent/140",[114,4.169]],["name/141",[103,41.326]],["parent/141",[114,4.169]],["name/142",[104,47.436]],["parent/142",[114,4.169]],["name/143",[105,46.435]],["parent/143",[114,4.169]],["name/144",[97,43.922]],["parent/144",[114,4.169]],["name/145",[99,43.922]],["parent/145",[114,4.169]],["name/146",[85,41.326]],["parent/146",[114,4.169]],["name/147",[87,41.326]],["parent/147",[114,4.169]],["name/148",[88,41.915]],["parent/148",[114,4.169]],["name/149",[89,41.915]],["parent/149",[114,4.169]],["name/150",[90,41.915]],["parent/150",[114,4.169]],["name/151",[91,41.915]],["parent/151",[114,4.169]],["name/152",[115,65.894]],["parent/152",[12,2.075]],["name/153",[116,65.894]],["parent/153",[117,4.369]],["name/154",[101,42.54]],["parent/154",[117,4.369]],["name/155",[103,41.326]],["parent/155",[117,4.369]],["name/156",[104,47.436]],["parent/156",[117,4.369]],["name/157",[105,46.435]],["parent/157",[117,4.369]],["name/158",[97,43.922]],["parent/158",[117,4.369]],["name/159",[99,43.922]],["parent/159",[117,4.369]],["name/160",[85,41.326]],["parent/160",[117,4.369]],["name/161",[87,41.326]],["parent/161",[117,4.369]],["name/162",[88,41.915]],["parent/162",[117,4.369]],["name/163",[89,41.915]],["parent/163",[117,4.369]],["name/164",[90,41.915]],["parent/164",[117,4.369]],["name/165",[91,41.915]],["parent/165",[117,4.369]],["name/166",[118,65.894]],["parent/166",[12,2.075]],["name/167",[119,52.901]],["parent/167",[120,4.528]],["name/168",[121,52.901]],["parent/168",[120,4.528]],["name/169",[122,54.908]],["parent/169",[120,4.528]],["name/170",[97,43.922]],["parent/170",[120,4.528]],["name/171",[99,43.922]],["parent/171",[120,4.528]],["name/172",[85,41.326]],["parent/172",[120,4.528]],["name/173",[87,41.326]],["parent/173",[120,4.528]],["name/174",[88,41.915]],["parent/174",[120,4.528]],["name/175",[89,41.915]],["parent/175",[120,4.528]],["name/176",[90,41.915]],["parent/176",[120,4.528]],["name/177",[91,41.915]],["parent/177",[120,4.528]],["name/178",[123,65.894]],["parent/178",[12,2.075]],["name/179",[124,60.786]],["parent/179",[125,4.369]],["name/180",[126,60.786]],["parent/180",[125,4.369]],["name/181",[127,60.786]],["parent/181",[125,4.369]],["name/182",[119,52.901]],["parent/182",[125,4.369]],["name/183",[121,52.901]],["parent/183",[125,4.369]],["name/184",[97,43.922]],["parent/184",[125,4.369]],["name/185",[99,43.922]],["parent/185",[125,4.369]],["name/186",[85,41.326]],["parent/186",[125,4.369]],["name/187",[87,41.326]],["parent/187",[125,4.369]],["name/188",[88,41.915]],["parent/188",[125,4.369]],["name/189",[89,41.915]],["parent/189",[125,4.369]],["name/190",[90,41.915]],["parent/190",[125,4.369]],["name/191",[91,41.915]],["parent/191",[125,4.369]],["name/192",[128,65.894]],["parent/192",[12,2.075]],["name/193",[119,52.901]],["parent/193",[129,4.231]],["name/194",[121,52.901]],["parent/194",[129,4.231]],["name/195",[122,54.908]],["parent/195",[129,4.231]],["name/196",[101,42.54]],["parent/196",[129,4.231]],["name/197",[103,41.326]],["parent/197",[129,4.231]],["name/198",[104,47.436]],["parent/198",[129,4.231]],["name/199",[105,46.435]],["parent/199",[129,4.231]],["name/200",[97,43.922]],["parent/200",[129,4.231]],["name/201",[99,43.922]],["parent/201",[129,4.231]],["name/202",[85,41.326]],["parent/202",[129,4.231]],["name/203",[87,41.326]],["parent/203",[129,4.231]],["name/204",[88,41.915]],["parent/204",[129,4.231]],["name/205",[89,41.915]],["parent/205",[129,4.231]],["name/206",[90,41.915]],["parent/206",[129,4.231]],["name/207",[91,41.915]],["parent/207",[129,4.231]],["name/208",[130,65.894]],["parent/208",[12,2.075]],["name/209",[131,65.894]],["parent/209",[12,2.075]],["name/210",[107,54.908]],["parent/210",[132,4.231]],["name/211",[109,54.908]],["parent/211",[132,4.231]],["name/212",[110,52.901]],["parent/212",[132,4.231]],["name/213",[101,42.54]],["parent/213",[132,4.231]],["name/214",[103,41.326]],["parent/214",[132,4.231]],["name/215",[104,47.436]],["parent/215",[132,4.231]],["name/216",[105,46.435]],["parent/216",[132,4.231]],["name/217",[97,43.922]],["parent/217",[132,4.231]],["name/218",[99,43.922]],["parent/218",[132,4.231]],["name/219",[85,41.326]],["parent/219",[132,4.231]],["name/220",[87,41.326]],["parent/220",[132,4.231]],["name/221",[88,41.915]],["parent/221",[132,4.231]],["name/222",[89,41.915]],["parent/222",[132,4.231]],["name/223",[90,41.915]],["parent/223",[132,4.231]],["name/224",[91,41.915]],["parent/224",[132,4.231]],["name/225",[133,65.894]],["parent/225",[12,2.075]],["name/226",[134,65.894]],["parent/226",[12,2.075]],["name/227",[135,65.894]],["parent/227",[136,4.369]],["name/228",[101,42.54]],["parent/228",[136,4.369]],["name/229",[103,41.326]],["parent/229",[136,4.369]],["name/230",[104,47.436]],["parent/230",[136,4.369]],["name/231",[105,46.435]],["parent/231",[136,4.369]],["name/232",[97,43.922]],["parent/232",[136,4.369]],["name/233",[99,43.922]],["parent/233",[136,4.369]],["name/234",[85,41.326]],["parent/234",[136,4.369]],["name/235",[87,41.326]],["parent/235",[136,4.369]],["name/236",[88,41.915]],["parent/236",[136,4.369]],["name/237",[89,41.915]],["parent/237",[136,4.369]],["name/238",[90,41.915]],["parent/238",[136,4.369]],["name/239",[91,41.915]],["parent/239",[136,4.369]],["name/240",[137,65.894]],["parent/240",[12,2.075]],["name/241",[138,65.894]],["parent/241",[139,4.619]],["name/242",[140,60.786]],["parent/242",[139,4.619]],["name/243",[97,43.922]],["parent/243",[139,4.619]],["name/244",[99,43.922]],["parent/244",[139,4.619]],["name/245",[85,41.326]],["parent/245",[139,4.619]],["name/246",[87,41.326]],["parent/246",[139,4.619]],["name/247",[88,41.915]],["parent/247",[139,4.619]],["name/248",[89,41.915]],["parent/248",[139,4.619]],["name/249",[90,41.915]],["parent/249",[139,4.619]],["name/250",[91,41.915]],["parent/250",[139,4.619]],["name/251",[141,65.894]],["parent/251",[12,2.075]],["name/252",[142,65.894]],["parent/252",[12,2.075]],["name/253",[143,65.894]],["parent/253",[144,4.528]],["name/254",[140,60.786]],["parent/254",[144,4.528]],["name/255",[145,65.894]],["parent/255",[144,4.528]],["name/256",[146,65.894]],["parent/256",[144,4.528]],["name/257",[147,65.894]],["parent/257",[144,4.528]],["name/258",[85,41.326]],["parent/258",[144,4.528]],["name/259",[87,41.326]],["parent/259",[144,4.528]],["name/260",[88,41.915]],["parent/260",[144,4.528]],["name/261",[89,41.915]],["parent/261",[144,4.528]],["name/262",[90,41.915]],["parent/262",[144,4.528]],["name/263",[91,41.915]],["parent/263",[144,4.528]],["name/264",[148,65.894]],["parent/264",[12,2.075]],["name/265",[149,65.894]],["parent/265",[150,4.231]],["name/266",[151,65.894]],["parent/266",[150,4.231]],["name/267",[152,65.894]],["parent/267",[150,4.231]],["name/268",[101,42.54]],["parent/268",[150,4.231]],["name/269",[103,41.326]],["parent/269",[150,4.231]],["name/270",[104,47.436]],["parent/270",[150,4.231]],["name/271",[105,46.435]],["parent/271",[150,4.231]],["name/272",[97,43.922]],["parent/272",[150,4.231]],["name/273",[99,43.922]],["parent/273",[150,4.231]],["name/274",[85,41.326]],["parent/274",[150,4.231]],["name/275",[87,41.326]],["parent/275",[150,4.231]],["name/276",[88,41.915]],["parent/276",[150,4.231]],["name/277",[89,41.915]],["parent/277",[150,4.231]],["name/278",[90,41.915]],["parent/278",[150,4.231]],["name/279",[91,41.915]],["parent/279",[150,4.231]],["name/280",[153,65.894]],["parent/280",[12,2.075]],["name/281",[154,60.786]],["parent/281",[155,4.111]],["name/282",[113,60.786]],["parent/282",[155,4.111]],["name/283",[107,54.908]],["parent/283",[155,4.111]],["name/284",[109,54.908]],["parent/284",[155,4.111]],["name/285",[110,52.901]],["parent/285",[155,4.111]],["name/286",[101,42.54]],["parent/286",[155,4.111]],["name/287",[103,41.326]],["parent/287",[155,4.111]],["name/288",[104,47.436]],["parent/288",[155,4.111]],["name/289",[105,46.435]],["parent/289",[155,4.111]],["name/290",[97,43.922]],["parent/290",[155,4.111]],["name/291",[99,43.922]],["parent/291",[155,4.111]],["name/292",[85,41.326]],["parent/292",[155,4.111]],["name/293",[87,41.326]],["parent/293",[155,4.111]],["name/294",[88,41.915]],["parent/294",[155,4.111]],["name/295",[89,41.915]],["parent/295",[155,4.111]],["name/296",[90,41.915]],["parent/296",[155,4.111]],["name/297",[91,41.915]],["parent/297",[155,4.111]],["name/298",[156,65.894]],["parent/298",[12,2.075]],["name/299",[157,65.894]],["parent/299",[12,2.075]],["name/300",[158,65.894]],["parent/300",[12,2.075]],["name/301",[159,65.894]],["parent/301",[12,2.075]],["name/302",[160,45.525]],["parent/302",[161,6.554]],["name/303",[162,65.894]],["parent/303",[12,2.075]],["name/304",[1,36.449]],["parent/304",[163,6.554]],["name/305",[164,65.894]],["parent/305",[12,2.075]],["name/306",[165,60.786]],["parent/306",[166,6.046]],["name/307",[160,45.525]],["parent/307",[166,6.046]],["name/308",[167,65.894]],["parent/308",[12,2.075]],["name/309",[168,49.799]],["parent/309",[169,6.046]],["name/310",[160,45.525]],["parent/310",[169,6.046]],["name/311",[170,65.894]],["parent/311",[12,2.075]],["name/312",[171,65.894]],["parent/312",[12,2.075]],["name/313",[172,54.908]],["parent/313",[173,5.462]],["name/314",[63,60.786]],["parent/314",[173,5.462]],["name/315",[168,49.799]],["parent/315",[173,5.462]],["name/316",[160,45.525]],["parent/316",[173,5.462]],["name/317",[174,65.894]],["parent/317",[12,2.075]],["name/318",[172,54.908]],["parent/318",[175,5.462]],["name/319",[176,57.421]],["parent/319",[175,5.462]],["name/320",[168,49.799]],["parent/320",[175,5.462]],["name/321",[160,45.525]],["parent/321",[175,5.462]],["name/322",[177,65.894]],["parent/322",[12,2.075]],["name/323",[172,54.908]],["parent/323",[178,4.954]],["name/324",[176,57.421]],["parent/324",[178,4.954]],["name/325",[179,65.894]],["parent/325",[178,4.954]],["name/326",[180,65.894]],["parent/326",[178,4.954]],["name/327",[181,65.894]],["parent/327",[178,4.954]],["name/328",[168,49.799]],["parent/328",[178,4.954]],["name/329",[160,45.525]],["parent/329",[178,4.954]],["name/330",[182,65.894]],["parent/330",[12,2.075]],["name/331",[1,36.449]],["parent/331",[183,6.554]],["name/332",[184,65.894]],["parent/332",[12,2.075]],["name/333",[185,65.894]],["parent/333",[186,5.462]],["name/334",[187,65.894]],["parent/334",[186,5.462]],["name/335",[168,49.799]],["parent/335",[186,5.462]],["name/336",[160,45.525]],["parent/336",[186,5.462]],["name/337",[188,65.894]],["parent/337",[12,2.075]],["name/338",[189,65.894]],["parent/338",[12,2.075]],["name/339",[190,48.548]],["parent/339",[191,6.046]],["name/340",[160,45.525]],["parent/340",[191,6.046]],["name/341",[192,65.894]],["parent/341",[12,2.075]],["name/342",[193,65.894]],["parent/342",[12,2.075]],["name/343",[194,65.894]],["parent/343",[12,2.075]],["name/344",[1,36.449]],["parent/344",[195,6.554]],["name/345",[196,65.894]],["parent/345",[12,2.075]],["name/346",[197,65.894]],["parent/346",[12,2.075]],["name/347",[198,65.894]],["parent/347",[12,2.075]],["name/348",[199,65.894]],["parent/348",[12,2.075]],["name/349",[200,65.894]],["parent/349",[12,2.075]],["name/350",[201,65.894]],["parent/350",[12,2.075]],["name/351",[202,65.894]],["parent/351",[12,2.075]],["name/352",[203,65.894]],["parent/352",[12,2.075]],["name/353",[1,36.449]],["parent/353",[204,6.554]],["name/354",[205,65.894]],["parent/354",[206,5.712]],["name/355",[207,60.786]],["parent/355",[206,5.712]],["name/356",[208,65.894]],["parent/356",[206,5.712]],["name/357",[209,65.894]],["parent/357",[12,2.075]],["name/358",[210,51.23]],["parent/358",[211,5.712]],["name/359",[212,51.23]],["parent/359",[211,5.712]],["name/360",[213,65.894]],["parent/360",[211,5.712]],["name/361",[214,65.894]],["parent/361",[12,2.075]],["name/362",[215,65.894]],["parent/362",[12,2.075]],["name/363",[216,65.894]],["parent/363",[12,2.075]],["name/364",[217,65.894]],["parent/364",[12,2.075]],["name/365",[1,36.449]],["parent/365",[218,6.554]],["name/366",[207,60.786]],["parent/366",[219,6.554]],["name/367",[220,65.894]],["parent/367",[12,2.075]],["name/368",[221,65.894]],["parent/368",[12,2.075]],["name/369",[222,65.894]],["parent/369",[12,2.075]],["name/370",[223,54.908]],["parent/370",[224,3.776]],["name/371",[225,54.908]],["parent/371",[224,3.776]],["name/372",[226,54.908]],["parent/372",[224,3.776]],["name/373",[227,54.908]],["parent/373",[224,3.776]],["name/374",[228,54.908]],["parent/374",[224,3.776]],["name/375",[229,54.908]],["parent/375",[224,3.776]],["name/376",[230,54.908]],["parent/376",[224,3.776]],["name/377",[231,54.908]],["parent/377",[224,3.776]],["name/378",[232,54.908]],["parent/378",[224,3.776]],["name/379",[233,54.908]],["parent/379",[224,3.776]],["name/380",[234,54.908]],["parent/380",[224,3.776]],["name/381",[235,54.908]],["parent/381",[224,3.776]],["name/382",[236,54.908]],["parent/382",[224,3.776]],["name/383",[237,54.908]],["parent/383",[224,3.776]],["name/384",[238,54.908]],["parent/384",[224,3.776]],["name/385",[239,54.908]],["parent/385",[224,3.776]],["name/386",[240,54.908]],["parent/386",[224,3.776]],["name/387",[241,54.908]],["parent/387",[224,3.776]],["name/388",[242,54.908]],["parent/388",[224,3.776]],["name/389",[243,54.908]],["parent/389",[224,3.776]],["name/390",[244,54.908]],["parent/390",[224,3.776]],["name/391",[245,54.908]],["parent/391",[224,3.776]],["name/392",[246,54.908]],["parent/392",[224,3.776]],["name/393",[247,54.908]],["parent/393",[224,3.776]],["name/394",[248,65.894]],["parent/394",[12,2.075]],["name/395",[223,54.908]],["parent/395",[249,3.776]],["name/396",[225,54.908]],["parent/396",[249,3.776]],["name/397",[226,54.908]],["parent/397",[249,3.776]],["name/398",[227,54.908]],["parent/398",[249,3.776]],["name/399",[228,54.908]],["parent/399",[249,3.776]],["name/400",[229,54.908]],["parent/400",[249,3.776]],["name/401",[230,54.908]],["parent/401",[249,3.776]],["name/402",[231,54.908]],["parent/402",[249,3.776]],["name/403",[232,54.908]],["parent/403",[249,3.776]],["name/404",[233,54.908]],["parent/404",[249,3.776]],["name/405",[234,54.908]],["parent/405",[249,3.776]],["name/406",[235,54.908]],["parent/406",[249,3.776]],["name/407",[236,54.908]],["parent/407",[249,3.776]],["name/408",[237,54.908]],["parent/408",[249,3.776]],["name/409",[238,54.908]],["parent/409",[249,3.776]],["name/410",[239,54.908]],["parent/410",[249,3.776]],["name/411",[240,54.908]],["parent/411",[249,3.776]],["name/412",[241,54.908]],["parent/412",[249,3.776]],["name/413",[242,54.908]],["parent/413",[249,3.776]],["name/414",[243,54.908]],["parent/414",[249,3.776]],["name/415",[244,54.908]],["parent/415",[249,3.776]],["name/416",[245,54.908]],["parent/416",[249,3.776]],["name/417",[246,54.908]],["parent/417",[249,3.776]],["name/418",[247,54.908]],["parent/418",[249,3.776]],["name/419",[250,65.894]],["parent/419",[12,2.075]],["name/420",[251,65.894]],["parent/420",[12,2.075]],["name/421",[252,65.894]],["parent/421",[12,2.075]],["name/422",[1,36.449]],["parent/422",[253,6.554]],["name/423",[254,65.894]],["parent/423",[255,6.554]],["name/424",[256,65.894]],["parent/424",[12,2.075]],["name/425",[257,60.786]],["parent/425",[258,3.626]],["name/426",[259,60.786]],["parent/426",[258,3.626]],["name/427",[260,60.786]],["parent/427",[258,3.626]],["name/428",[261,60.786]],["parent/428",[258,3.626]],["name/429",[223,54.908]],["parent/429",[258,3.626]],["name/430",[225,54.908]],["parent/430",[258,3.626]],["name/431",[226,54.908]],["parent/431",[258,3.626]],["name/432",[227,54.908]],["parent/432",[258,3.626]],["name/433",[228,54.908]],["parent/433",[258,3.626]],["name/434",[229,54.908]],["parent/434",[258,3.626]],["name/435",[230,54.908]],["parent/435",[258,3.626]],["name/436",[231,54.908]],["parent/436",[258,3.626]],["name/437",[232,54.908]],["parent/437",[258,3.626]],["name/438",[233,54.908]],["parent/438",[258,3.626]],["name/439",[234,54.908]],["parent/439",[258,3.626]],["name/440",[235,54.908]],["parent/440",[258,3.626]],["name/441",[236,54.908]],["parent/441",[258,3.626]],["name/442",[237,54.908]],["parent/442",[258,3.626]],["name/443",[238,54.908]],["parent/443",[258,3.626]],["name/444",[239,54.908]],["parent/444",[258,3.626]],["name/445",[240,54.908]],["parent/445",[258,3.626]],["name/446",[241,54.908]],["parent/446",[258,3.626]],["name/447",[242,54.908]],["parent/447",[258,3.626]],["name/448",[243,54.908]],["parent/448",[258,3.626]],["name/449",[244,54.908]],["parent/449",[258,3.626]],["name/450",[245,54.908]],["parent/450",[258,3.626]],["name/451",[246,54.908]],["parent/451",[258,3.626]],["name/452",[247,54.908]],["parent/452",[258,3.626]],["name/453",[262,65.894]],["parent/453",[12,2.075]],["name/454",[257,60.786]],["parent/454",[263,3.626]],["name/455",[259,60.786]],["parent/455",[263,3.626]],["name/456",[260,60.786]],["parent/456",[263,3.626]],["name/457",[261,60.786]],["parent/457",[263,3.626]],["name/458",[223,54.908]],["parent/458",[263,3.626]],["name/459",[225,54.908]],["parent/459",[263,3.626]],["name/460",[226,54.908]],["parent/460",[263,3.626]],["name/461",[227,54.908]],["parent/461",[263,3.626]],["name/462",[228,54.908]],["parent/462",[263,3.626]],["name/463",[229,54.908]],["parent/463",[263,3.626]],["name/464",[230,54.908]],["parent/464",[263,3.626]],["name/465",[231,54.908]],["parent/465",[263,3.626]],["name/466",[232,54.908]],["parent/466",[263,3.626]],["name/467",[233,54.908]],["parent/467",[263,3.626]],["name/468",[234,54.908]],["parent/468",[263,3.626]],["name/469",[235,54.908]],["parent/469",[263,3.626]],["name/470",[236,54.908]],["parent/470",[263,3.626]],["name/471",[237,54.908]],["parent/471",[263,3.626]],["name/472",[238,54.908]],["parent/472",[263,3.626]],["name/473",[239,54.908]],["parent/473",[263,3.626]],["name/474",[240,54.908]],["parent/474",[263,3.626]],["name/475",[241,54.908]],["parent/475",[263,3.626]],["name/476",[242,54.908]],["parent/476",[263,3.626]],["name/477",[243,54.908]],["parent/477",[263,3.626]],["name/478",[244,54.908]],["parent/478",[263,3.626]],["name/479",[245,54.908]],["parent/479",[263,3.626]],["name/480",[246,54.908]],["parent/480",[263,3.626]],["name/481",[247,54.908]],["parent/481",[263,3.626]],["name/482",[264,65.894]],["parent/482",[12,2.075]],["name/483",[265,65.894]],["parent/483",[266,5.712]],["name/484",[32,45.525]],["parent/484",[266,5.712]],["name/485",[33,49.799]],["parent/485",[266,5.712]],["name/486",[267,65.894]],["parent/486",[12,2.075]],["name/487",[268,65.894]],["parent/487",[12,2.075]],["name/488",[103,41.326]],["parent/488",[269,3.818]],["name/489",[270,51.23]],["parent/489",[269,3.818]],["name/490",[101,42.54]],["parent/490",[269,3.818]],["name/491",[271,65.894]],["parent/491",[269,3.818]],["name/492",[272,65.894]],["parent/492",[269,3.818]],["name/493",[273,65.894]],["parent/493",[269,3.818]],["name/494",[274,65.894]],["parent/494",[269,3.818]],["name/495",[275,65.894]],["parent/495",[269,3.818]],["name/496",[122,54.908]],["parent/496",[269,3.818]],["name/497",[276,65.894]],["parent/497",[269,3.818]],["name/498",[277,65.894]],["parent/498",[269,3.818]],["name/499",[278,60.786]],["parent/499",[269,3.818]],["name/500",[1,36.449]],["parent/500",[269,3.818]],["name/501",[119,52.901]],["parent/501",[279,3.776]],["name/502",[121,52.901]],["parent/502",[279,3.776]],["name/503",[122,54.908]],["parent/503",[279,3.776]],["name/504",[280,60.786]],["parent/504",[269,3.818]],["name/505",[1,36.449]],["parent/505",[269,3.818]],["name/506",[124,60.786]],["parent/506",[279,3.776]],["name/507",[126,60.786]],["parent/507",[279,3.776]],["name/508",[127,60.786]],["parent/508",[279,3.776]],["name/509",[119,52.901]],["parent/509",[279,3.776]],["name/510",[121,52.901]],["parent/510",[279,3.776]],["name/511",[281,60.786]],["parent/511",[269,3.818]],["name/512",[1,36.449]],["parent/512",[269,3.818]],["name/513",[101,42.54]],["parent/513",[279,3.776]],["name/514",[85,41.326]],["parent/514",[279,3.776]],["name/515",[282,57.421]],["parent/515",[269,3.818]],["name/516",[1,36.449]],["parent/516",[269,3.818]],["name/517",[154,60.786]],["parent/517",[279,3.776]],["name/518",[283,65.894]],["parent/518",[269,3.818]],["name/519",[1,36.449]],["parent/519",[269,3.818]],["name/520",[284,65.894]],["parent/520",[279,3.776]],["name/521",[285,65.894]],["parent/521",[279,3.776]],["name/522",[286,65.894]],["parent/522",[279,3.776]],["name/523",[287,65.894]],["parent/523",[279,3.776]],["name/524",[288,65.894]],["parent/524",[279,3.776]],["name/525",[289,65.894]],["parent/525",[269,3.818]],["name/526",[1,36.449]],["parent/526",[269,3.818]],["name/527",[290,65.894]],["parent/527",[279,3.776]],["name/528",[291,65.894]],["parent/528",[279,3.776]],["name/529",[292,65.894]],["parent/529",[279,3.776]],["name/530",[293,65.894]],["parent/530",[279,3.776]],["name/531",[294,65.894]],["parent/531",[279,3.776]],["name/532",[295,65.894]],["parent/532",[279,3.776]],["name/533",[296,65.894]],["parent/533",[279,3.776]],["name/534",[297,65.894]],["parent/534",[279,3.776]],["name/535",[298,65.894]],["parent/535",[12,2.075]],["name/536",[299,65.894]],["parent/536",[12,2.075]],["name/537",[103,41.326]],["parent/537",[300,4.619]],["name/538",[69,60.786]],["parent/538",[300,4.619]],["name/539",[68,60.786]],["parent/539",[300,4.619]],["name/540",[66,60.786]],["parent/540",[300,4.619]],["name/541",[301,65.894]],["parent/541",[300,4.619]],["name/542",[32,45.525]],["parent/542",[300,4.619]],["name/543",[33,49.799]],["parent/543",[300,4.619]],["name/544",[101,42.54]],["parent/544",[300,4.619]],["name/545",[302,65.894]],["parent/545",[300,4.619]],["name/546",[303,65.894]],["parent/546",[300,4.619]],["name/547",[304,65.894]],["parent/547",[12,2.075]],["name/548",[305,65.894]],["parent/548",[306,5.712]],["name/549",[32,45.525]],["parent/549",[306,5.712]],["name/550",[33,49.799]],["parent/550",[306,5.712]],["name/551",[307,65.894]],["parent/551",[12,2.075]],["name/552",[308,65.894]],["parent/552",[309,5.462]],["name/553",[32,45.525]],["parent/553",[309,5.462]],["name/554",[33,49.799]],["parent/554",[309,5.462]],["name/555",[101,42.54]],["parent/555",[309,5.462]],["name/556",[310,65.894]],["parent/556",[12,2.075]],["name/557",[311,65.894]],["parent/557",[312,5.712]],["name/558",[32,45.525]],["parent/558",[312,5.712]],["name/559",[33,49.799]],["parent/559",[312,5.712]],["name/560",[313,65.894]],["parent/560",[12,2.075]],["name/561",[70,60.786]],["parent/561",[314,5.712]],["name/562",[32,45.525]],["parent/562",[314,5.712]],["name/563",[33,49.799]],["parent/563",[314,5.712]],["name/564",[315,65.894]],["parent/564",[12,2.075]],["name/565",[316,65.894]],["parent/565",[12,2.075]],["name/566",[317,65.894]],["parent/566",[12,2.075]],["name/567",[318,57.421]],["parent/567",[319,5.462]],["name/568",[320,60.786]],["parent/568",[319,5.462]],["name/569",[172,54.908]],["parent/569",[319,5.462]],["name/570",[321,65.894]],["parent/570",[319,5.462]],["name/571",[322,65.894]],["parent/571",[12,2.075]],["name/572",[318,57.421]],["parent/572",[323,6.046]],["name/573",[320,60.786]],["parent/573",[323,6.046]],["name/574",[324,65.894]],["parent/574",[12,2.075]],["name/575",[318,57.421]],["parent/575",[325,6.046]],["name/576",[60,52.901]],["parent/576",[325,6.046]],["name/577",[326,65.894]],["parent/577",[12,2.075]],["name/578",[87,41.326]],["parent/578",[12,2.075]],["name/579",[105,46.435]],["parent/579",[12,2.075]],["name/580",[110,52.901]],["parent/580",[12,2.075]],["name/581",[327,65.894]],["parent/581",[12,2.075]],["name/582",[38,54.908]],["parent/582",[328,5.462]],["name/583",[36,54.908]],["parent/583",[328,5.462]],["name/584",[329,65.894]],["parent/584",[328,5.462]],["name/585",[330,65.894]],["parent/585",[328,5.462]],["name/586",[331,65.894]],["parent/586",[12,2.075]],["name/587",[332,65.894]],["parent/587",[12,2.075]],["name/588",[333,65.894]],["parent/588",[12,2.075]],["name/589",[334,65.894]],["parent/589",[12,2.075]],["name/590",[335,65.894]],["parent/590",[12,2.075]],["name/591",[1,36.449]],["parent/591",[336,6.554]],["name/592",[337,60.786]],["parent/592",[338,5.712]],["name/593",[101,42.54]],["parent/593",[338,5.712]],["name/594",[339,65.894]],["parent/594",[338,5.712]],["name/595",[340,65.894]],["parent/595",[12,2.075]],["name/596",[341,65.894]],["parent/596",[12,2.075]],["name/597",[176,57.421]],["parent/597",[342,5.712]],["name/598",[343,57.421]],["parent/598",[342,5.712]],["name/599",[344,65.894]],["parent/599",[342,5.712]],["name/600",[343,57.421]],["parent/600",[12,2.075]],["name/601",[345,65.894]],["parent/601",[12,2.075]],["name/602",[346,65.894]],["parent/602",[12,2.075]],["name/603",[1,36.449]],["parent/603",[347,6.554]],["name/604",[348,65.894]],["parent/604",[12,2.075]],["name/605",[349,65.894]],["parent/605",[350,5.462]],["name/606",[351,65.894]],["parent/606",[350,5.462]],["name/607",[352,65.894]],["parent/607",[350,5.462]],["name/608",[353,65.894]],["parent/608",[350,5.462]],["name/609",[354,65.894]],["parent/609",[12,2.075]],["name/610",[103,41.326]],["parent/610",[355,2.981]],["name/611",[212,51.23]],["parent/611",[355,2.981]],["name/612",[210,51.23]],["parent/612",[355,2.981]],["name/613",[356,52.901]],["parent/613",[355,2.981]],["name/614",[357,52.901]],["parent/614",[355,2.981]],["name/615",[358,52.901]],["parent/615",[355,2.981]],["name/616",[359,52.901]],["parent/616",[355,2.981]],["name/617",[270,51.23]],["parent/617",[355,2.981]],["name/618",[360,52.901]],["parent/618",[355,2.981]],["name/619",[361,52.901]],["parent/619",[355,2.981]],["name/620",[362,52.901]],["parent/620",[355,2.981]],["name/621",[363,54.908]],["parent/621",[355,2.981]],["name/622",[364,54.908]],["parent/622",[355,2.981]],["name/623",[365,54.908]],["parent/623",[355,2.981]],["name/624",[366,54.908]],["parent/624",[355,2.981]],["name/625",[367,54.908]],["parent/625",[355,2.981]],["name/626",[368,54.908]],["parent/626",[355,2.981]],["name/627",[369,54.908]],["parent/627",[355,2.981]],["name/628",[370,54.908]],["parent/628",[355,2.981]],["name/629",[371,54.908]],["parent/629",[355,2.981]],["name/630",[372,54.908]],["parent/630",[355,2.981]],["name/631",[373,49.799]],["parent/631",[355,2.981]],["name/632",[374,54.908]],["parent/632",[355,2.981]],["name/633",[375,54.908]],["parent/633",[355,2.981]],["name/634",[376,54.908]],["parent/634",[355,2.981]],["name/635",[377,54.908]],["parent/635",[355,2.981]],["name/636",[378,54.908]],["parent/636",[355,2.981]],["name/637",[379,54.908]],["parent/637",[355,2.981]],["name/638",[380,54.908]],["parent/638",[355,2.981]],["name/639",[381,54.908]],["parent/639",[355,2.981]],["name/640",[382,54.908]],["parent/640",[355,2.981]],["name/641",[383,54.908]],["parent/641",[355,2.981]],["name/642",[384,54.908]],["parent/642",[355,2.981]],["name/643",[385,54.908]],["parent/643",[355,2.981]],["name/644",[386,54.908]],["parent/644",[355,2.981]],["name/645",[387,54.908]],["parent/645",[355,2.981]],["name/646",[388,54.908]],["parent/646",[355,2.981]],["name/647",[389,54.908]],["parent/647",[355,2.981]],["name/648",[390,54.908]],["parent/648",[355,2.981]],["name/649",[391,54.908]],["parent/649",[355,2.981]],["name/650",[392,54.908]],["parent/650",[355,2.981]],["name/651",[393,54.908]],["parent/651",[355,2.981]],["name/652",[394,54.908]],["parent/652",[355,2.981]],["name/653",[395,54.908]],["parent/653",[355,2.981]],["name/654",[396,54.908]],["parent/654",[355,2.981]],["name/655",[397,54.908]],["parent/655",[355,2.981]],["name/656",[398,54.908]],["parent/656",[355,2.981]],["name/657",[399,54.908]],["parent/657",[355,2.981]],["name/658",[400,54.908]],["parent/658",[355,2.981]],["name/659",[401,54.908]],["parent/659",[355,2.981]],["name/660",[402,54.908]],["parent/660",[355,2.981]],["name/661",[403,54.908]],["parent/661",[355,2.981]],["name/662",[404,49.799]],["parent/662",[355,2.981]],["name/663",[405,54.908]],["parent/663",[355,2.981]],["name/664",[406,65.894]],["parent/664",[12,2.075]],["name/665",[407,52.901]],["parent/665",[408,4.954]],["name/666",[48,51.23]],["parent/666",[408,4.954]],["name/667",[409,51.23]],["parent/667",[408,4.954]],["name/668",[410,54.908]],["parent/668",[408,4.954]],["name/669",[411,54.908]],["parent/669",[408,4.954]],["name/670",[190,48.548]],["parent/670",[408,4.954]],["name/671",[412,48.548]],["parent/671",[408,4.954]],["name/672",[413,57.421]],["parent/672",[12,2.075]],["name/673",[36,54.908]],["parent/673",[414,5.712]],["name/674",[38,54.908]],["parent/674",[414,5.712]],["name/675",[415,65.894]],["parent/675",[414,5.712]],["name/676",[416,57.421]],["parent/676",[12,2.075]],["name/677",[417,65.894]],["parent/677",[12,2.075]],["name/678",[418,57.421]],["parent/678",[419,2.556]],["name/679",[412,48.548]],["parent/679",[419,2.556]],["name/680",[420,54.908]],["parent/680",[419,2.556]],["name/681",[421,57.421]],["parent/681",[419,2.556]],["name/682",[413,57.421]],["parent/682",[419,2.556]],["name/683",[416,57.421]],["parent/683",[419,2.556]],["name/684",[422,60.786]],["parent/684",[419,2.556]],["name/685",[160,45.525]],["parent/685",[419,2.556]],["name/686",[168,49.799]],["parent/686",[419,2.556]],["name/687",[373,49.799]],["parent/687",[419,2.556]],["name/688",[409,51.23]],["parent/688",[419,2.556]],["name/689",[423,60.786]],["parent/689",[419,2.556]],["name/690",[424,60.786]],["parent/690",[419,2.556]],["name/691",[425,60.786]],["parent/691",[419,2.556]],["name/692",[426,60.786]],["parent/692",[419,2.556]],["name/693",[427,60.786]],["parent/693",[419,2.556]],["name/694",[428,60.786]],["parent/694",[419,2.556]],["name/695",[429,60.786]],["parent/695",[419,2.556]],["name/696",[430,60.786]],["parent/696",[419,2.556]],["name/697",[431,60.786]],["parent/697",[419,2.556]],["name/698",[432,60.786]],["parent/698",[419,2.556]],["name/699",[433,60.786]],["parent/699",[419,2.556]],["name/700",[434,60.786]],["parent/700",[419,2.556]],["name/701",[435,60.786]],["parent/701",[419,2.556]],["name/702",[436,60.786]],["parent/702",[419,2.556]],["name/703",[437,60.786]],["parent/703",[419,2.556]],["name/704",[438,60.786]],["parent/704",[419,2.556]],["name/705",[439,60.786]],["parent/705",[419,2.556]],["name/706",[440,60.786]],["parent/706",[419,2.556]],["name/707",[441,51.23]],["parent/707",[419,2.556]],["name/708",[103,41.326]],["parent/708",[419,2.556]],["name/709",[212,51.23]],["parent/709",[419,2.556]],["name/710",[210,51.23]],["parent/710",[419,2.556]],["name/711",[356,52.901]],["parent/711",[419,2.556]],["name/712",[357,52.901]],["parent/712",[419,2.556]],["name/713",[358,52.901]],["parent/713",[419,2.556]],["name/714",[359,52.901]],["parent/714",[419,2.556]],["name/715",[270,51.23]],["parent/715",[419,2.556]],["name/716",[360,52.901]],["parent/716",[419,2.556]],["name/717",[361,52.901]],["parent/717",[419,2.556]],["name/718",[362,52.901]],["parent/718",[419,2.556]],["name/719",[363,54.908]],["parent/719",[419,2.556]],["name/720",[364,54.908]],["parent/720",[419,2.556]],["name/721",[365,54.908]],["parent/721",[419,2.556]],["name/722",[366,54.908]],["parent/722",[419,2.556]],["name/723",[367,54.908]],["parent/723",[419,2.556]],["name/724",[368,54.908]],["parent/724",[419,2.556]],["name/725",[369,54.908]],["parent/725",[419,2.556]],["name/726",[370,54.908]],["parent/726",[419,2.556]],["name/727",[371,54.908]],["parent/727",[419,2.556]],["name/728",[372,54.908]],["parent/728",[419,2.556]],["name/729",[374,54.908]],["parent/729",[419,2.556]],["name/730",[375,54.908]],["parent/730",[419,2.556]],["name/731",[376,54.908]],["parent/731",[419,2.556]],["name/732",[377,54.908]],["parent/732",[419,2.556]],["name/733",[378,54.908]],["parent/733",[419,2.556]],["name/734",[379,54.908]],["parent/734",[419,2.556]],["name/735",[380,54.908]],["parent/735",[419,2.556]],["name/736",[381,54.908]],["parent/736",[419,2.556]],["name/737",[382,54.908]],["parent/737",[419,2.556]],["name/738",[383,54.908]],["parent/738",[419,2.556]],["name/739",[384,54.908]],["parent/739",[419,2.556]],["name/740",[385,54.908]],["parent/740",[419,2.556]],["name/741",[386,54.908]],["parent/741",[419,2.556]],["name/742",[387,54.908]],["parent/742",[419,2.556]],["name/743",[388,54.908]],["parent/743",[419,2.556]],["name/744",[389,54.908]],["parent/744",[419,2.556]],["name/745",[390,54.908]],["parent/745",[419,2.556]],["name/746",[391,54.908]],["parent/746",[419,2.556]],["name/747",[392,54.908]],["parent/747",[419,2.556]],["name/748",[393,54.908]],["parent/748",[419,2.556]],["name/749",[394,54.908]],["parent/749",[419,2.556]],["name/750",[395,54.908]],["parent/750",[419,2.556]],["name/751",[396,54.908]],["parent/751",[419,2.556]],["name/752",[397,54.908]],["parent/752",[419,2.556]],["name/753",[398,54.908]],["parent/753",[419,2.556]],["name/754",[399,54.908]],["parent/754",[419,2.556]],["name/755",[400,54.908]],["parent/755",[419,2.556]],["name/756",[401,54.908]],["parent/756",[419,2.556]],["name/757",[402,54.908]],["parent/757",[419,2.556]],["name/758",[403,54.908]],["parent/758",[419,2.556]],["name/759",[404,49.799]],["parent/759",[419,2.556]],["name/760",[405,54.908]],["parent/760",[419,2.556]],["name/761",[442,65.894]],["parent/761",[12,2.075]],["name/762",[443,65.894]],["parent/762",[12,2.075]],["name/763",[444,65.894]],["parent/763",[445,6.046]],["name/764",[160,45.525]],["parent/764",[445,6.046]],["name/765",[446,65.894]],["parent/765",[12,2.075]],["name/766",[447,65.894]],["parent/766",[12,2.075]],["name/767",[32,45.525]],["parent/767",[448,4.954]],["name/768",[103,41.326]],["parent/768",[448,4.954]],["name/769",[101,42.54]],["parent/769",[448,4.954]],["name/770",[449,65.894]],["parent/770",[448,4.954]],["name/771",[450,65.894]],["parent/771",[448,4.954]],["name/772",[451,65.894]],["parent/772",[448,4.954]],["name/773",[452,65.894]],["parent/773",[448,4.954]],["name/774",[453,65.894]],["parent/774",[12,2.075]],["name/775",[420,54.908]],["parent/775",[454,4.369]],["name/776",[455,65.894]],["parent/776",[454,4.369]],["name/777",[281,60.786]],["parent/777",[454,4.369]],["name/778",[278,60.786]],["parent/778",[454,4.369]],["name/779",[280,60.786]],["parent/779",[454,4.369]],["name/780",[456,65.894]],["parent/780",[454,4.369]],["name/781",[457,65.894]],["parent/781",[454,4.369]],["name/782",[458,65.894]],["parent/782",[454,4.369]],["name/783",[459,65.894]],["parent/783",[454,4.369]],["name/784",[460,65.894]],["parent/784",[454,4.369]],["name/785",[461,65.894]],["parent/785",[454,4.369]],["name/786",[462,65.894]],["parent/786",[454,4.369]],["name/787",[463,65.894]],["parent/787",[454,4.369]],["name/788",[464,65.894]],["parent/788",[12,2.075]],["name/789",[36,54.908]],["parent/789",[465,4.829]],["name/790",[38,54.908]],["parent/790",[465,4.829]],["name/791",[466,65.894]],["parent/791",[465,4.829]],["name/792",[467,65.894]],["parent/792",[465,4.829]],["name/793",[468,65.894]],["parent/793",[465,4.829]],["name/794",[469,65.894]],["parent/794",[465,4.829]],["name/795",[470,65.894]],["parent/795",[465,4.829]],["name/796",[471,65.894]],["parent/796",[465,4.829]],["name/797",[362,52.901]],["parent/797",[12,2.075]],["name/798",[472,65.894]],["parent/798",[473,6.046]],["name/799",[474,65.894]],["parent/799",[473,6.046]],["name/800",[2,54.908]],["parent/800",[]],["name/801",[475,65.894]],["parent/801",[2,5.462]],["name/802",[476,51.23]],["parent/802",[477,2.861]],["name/803",[478,52.901]],["parent/803",[477,2.861]],["name/804",[370,54.908]],["parent/804",[477,2.861]],["name/805",[363,54.908]],["parent/805",[477,2.861]],["name/806",[371,54.908]],["parent/806",[477,2.861]],["name/807",[372,54.908]],["parent/807",[477,2.861]],["name/808",[362,52.901]],["parent/808",[477,2.861]],["name/809",[212,51.23]],["parent/809",[477,2.861]],["name/810",[210,51.23]],["parent/810",[477,2.861]],["name/811",[357,52.901]],["parent/811",[477,2.861]],["name/812",[356,52.901]],["parent/812",[477,2.861]],["name/813",[358,52.901]],["parent/813",[477,2.861]],["name/814",[359,52.901]],["parent/814",[477,2.861]],["name/815",[103,41.326]],["parent/815",[477,2.861]],["name/816",[270,51.23]],["parent/816",[477,2.861]],["name/817",[360,52.901]],["parent/817",[477,2.861]],["name/818",[361,52.901]],["parent/818",[477,2.861]],["name/819",[374,54.908]],["parent/819",[477,2.861]],["name/820",[375,54.908]],["parent/820",[477,2.861]],["name/821",[376,54.908]],["parent/821",[477,2.861]],["name/822",[381,54.908]],["parent/822",[477,2.861]],["name/823",[382,54.908]],["parent/823",[477,2.861]],["name/824",[383,54.908]],["parent/824",[477,2.861]],["name/825",[384,54.908]],["parent/825",[477,2.861]],["name/826",[385,54.908]],["parent/826",[477,2.861]],["name/827",[386,54.908]],["parent/827",[477,2.861]],["name/828",[387,54.908]],["parent/828",[477,2.861]],["name/829",[388,54.908]],["parent/829",[477,2.861]],["name/830",[389,54.908]],["parent/830",[477,2.861]],["name/831",[390,54.908]],["parent/831",[477,2.861]],["name/832",[391,54.908]],["parent/832",[477,2.861]],["name/833",[392,54.908]],["parent/833",[477,2.861]],["name/834",[393,54.908]],["parent/834",[477,2.861]],["name/835",[394,54.908]],["parent/835",[477,2.861]],["name/836",[395,54.908]],["parent/836",[477,2.861]],["name/837",[396,54.908]],["parent/837",[477,2.861]],["name/838",[397,54.908]],["parent/838",[477,2.861]],["name/839",[398,54.908]],["parent/839",[477,2.861]],["name/840",[399,54.908]],["parent/840",[477,2.861]],["name/841",[378,54.908]],["parent/841",[477,2.861]],["name/842",[379,54.908]],["parent/842",[477,2.861]],["name/843",[380,54.908]],["parent/843",[477,2.861]],["name/844",[377,54.908]],["parent/844",[477,2.861]],["name/845",[364,54.908]],["parent/845",[477,2.861]],["name/846",[365,54.908]],["parent/846",[477,2.861]],["name/847",[366,54.908]],["parent/847",[477,2.861]],["name/848",[367,54.908]],["parent/848",[477,2.861]],["name/849",[369,54.908]],["parent/849",[477,2.861]],["name/850",[368,54.908]],["parent/850",[477,2.861]],["name/851",[400,54.908]],["parent/851",[477,2.861]],["name/852",[401,54.908]],["parent/852",[477,2.861]],["name/853",[405,54.908]],["parent/853",[477,2.861]],["name/854",[404,49.799]],["parent/854",[477,2.861]],["name/855",[402,54.908]],["parent/855",[477,2.861]],["name/856",[403,54.908]],["parent/856",[477,2.861]],["name/857",[441,51.23]],["parent/857",[477,2.861]],["name/858",[373,49.799]],["parent/858",[477,2.861]],["name/859",[479,52.901]],["parent/859",[477,2.861]],["name/860",[480,52.901]],["parent/860",[477,2.861]],["name/861",[481,52.901]],["parent/861",[477,2.861]],["name/862",[482,52.901]],["parent/862",[477,2.861]],["name/863",[476,51.23]],["parent/863",[2,5.462]],["name/864",[3,60.786]],["parent/864",[]],["name/865",[4,24.253]],["parent/865",[]],["name/866",[476,51.23]],["parent/866",[4,2.412]],["name/867",[478,52.901]],["parent/867",[4,2.412]],["name/868",[160,45.525]],["parent/868",[4,2.412]],["name/869",[168,49.799]],["parent/869",[4,2.412]],["name/870",[404,49.799]],["parent/870",[4,2.412]],["name/871",[282,57.421]],["parent/871",[4,2.412]],["name/872",[483,60.786]],["parent/872",[4,2.412]],["name/873",[422,60.786]],["parent/873",[4,2.412]],["name/874",[418,57.421]],["parent/874",[4,2.412]],["name/875",[412,48.548]],["parent/875",[4,2.412]],["name/876",[420,54.908]],["parent/876",[4,2.412]],["name/877",[421,57.421]],["parent/877",[4,2.412]],["name/878",[103,41.326]],["parent/878",[4,2.412]],["name/879",[270,51.23]],["parent/879",[4,2.412]],["name/880",[413,57.421]],["parent/880",[4,2.412]],["name/881",[416,57.421]],["parent/881",[4,2.412]],["name/882",[409,51.23]],["parent/882",[4,2.412]],["name/883",[439,60.786]],["parent/883",[4,2.412]],["name/884",[438,60.786]],["parent/884",[4,2.412]],["name/885",[440,60.786]],["parent/885",[4,2.412]],["name/886",[426,60.786]],["parent/886",[4,2.412]],["name/887",[484,65.894]],["parent/887",[4,2.412]],["name/888",[423,60.786]],["parent/888",[4,2.412]],["name/889",[424,60.786]],["parent/889",[4,2.412]],["name/890",[425,60.786]],["parent/890",[4,2.412]],["name/891",[485,65.894]],["parent/891",[4,2.412]],["name/892",[430,60.786]],["parent/892",[4,2.412]],["name/893",[431,60.786]],["parent/893",[4,2.412]],["name/894",[432,60.786]],["parent/894",[4,2.412]],["name/895",[433,60.786]],["parent/895",[4,2.412]],["name/896",[429,60.786]],["parent/896",[4,2.412]],["name/897",[486,65.894]],["parent/897",[4,2.412]],["name/898",[435,60.786]],["parent/898",[4,2.412]],["name/899",[434,60.786]],["parent/899",[4,2.412]],["name/900",[436,60.786]],["parent/900",[4,2.412]],["name/901",[427,60.786]],["parent/901",[4,2.412]],["name/902",[428,60.786]],["parent/902",[4,2.412]],["name/903",[437,60.786]],["parent/903",[4,2.412]],["name/904",[441,51.23]],["parent/904",[4,2.412]],["name/905",[370,54.908]],["parent/905",[4,2.412]],["name/906",[363,54.908]],["parent/906",[4,2.412]],["name/907",[371,54.908]],["parent/907",[4,2.412]],["name/908",[372,54.908]],["parent/908",[4,2.412]],["name/909",[362,52.901]],["parent/909",[4,2.412]],["name/910",[212,51.23]],["parent/910",[4,2.412]],["name/911",[210,51.23]],["parent/911",[4,2.412]],["name/912",[357,52.901]],["parent/912",[4,2.412]],["name/913",[356,52.901]],["parent/913",[4,2.412]],["name/914",[358,52.901]],["parent/914",[4,2.412]],["name/915",[359,52.901]],["parent/915",[4,2.412]],["name/916",[360,52.901]],["parent/916",[4,2.412]],["name/917",[361,52.901]],["parent/917",[4,2.412]],["name/918",[374,54.908]],["parent/918",[4,2.412]],["name/919",[375,54.908]],["parent/919",[4,2.412]],["name/920",[376,54.908]],["parent/920",[4,2.412]],["name/921",[381,54.908]],["parent/921",[4,2.412]],["name/922",[382,54.908]],["parent/922",[4,2.412]],["name/923",[383,54.908]],["parent/923",[4,2.412]],["name/924",[384,54.908]],["parent/924",[4,2.412]],["name/925",[385,54.908]],["parent/925",[4,2.412]],["name/926",[386,54.908]],["parent/926",[4,2.412]],["name/927",[387,54.908]],["parent/927",[4,2.412]],["name/928",[388,54.908]],["parent/928",[4,2.412]],["name/929",[389,54.908]],["parent/929",[4,2.412]],["name/930",[390,54.908]],["parent/930",[4,2.412]],["name/931",[391,54.908]],["parent/931",[4,2.412]],["name/932",[392,54.908]],["parent/932",[4,2.412]],["name/933",[393,54.908]],["parent/933",[4,2.412]],["name/934",[394,54.908]],["parent/934",[4,2.412]],["name/935",[395,54.908]],["parent/935",[4,2.412]],["name/936",[396,54.908]],["parent/936",[4,2.412]],["name/937",[397,54.908]],["parent/937",[4,2.412]],["name/938",[398,54.908]],["parent/938",[4,2.412]],["name/939",[399,54.908]],["parent/939",[4,2.412]],["name/940",[378,54.908]],["parent/940",[4,2.412]],["name/941",[379,54.908]],["parent/941",[4,2.412]],["name/942",[380,54.908]],["parent/942",[4,2.412]],["name/943",[377,54.908]],["parent/943",[4,2.412]],["name/944",[364,54.908]],["parent/944",[4,2.412]],["name/945",[365,54.908]],["parent/945",[4,2.412]],["name/946",[366,54.908]],["parent/946",[4,2.412]],["name/947",[367,54.908]],["parent/947",[4,2.412]],["name/948",[369,54.908]],["parent/948",[4,2.412]],["name/949",[368,54.908]],["parent/949",[4,2.412]],["name/950",[400,54.908]],["parent/950",[4,2.412]],["name/951",[401,54.908]],["parent/951",[4,2.412]],["name/952",[405,54.908]],["parent/952",[4,2.412]],["name/953",[402,54.908]],["parent/953",[4,2.412]],["name/954",[403,54.908]],["parent/954",[4,2.412]],["name/955",[373,49.799]],["parent/955",[4,2.412]],["name/956",[479,52.901]],["parent/956",[4,2.412]],["name/957",[480,52.901]],["parent/957",[4,2.412]],["name/958",[481,52.901]],["parent/958",[4,2.412]],["name/959",[482,52.901]],["parent/959",[4,2.412]],["name/960",[487,39.744]],["parent/960",[]],["name/961",[282,57.421]],["parent/961",[487,3.953]],["name/962",[483,60.786]],["parent/962",[487,3.953]],["name/963",[488,65.894]],["parent/963",[487,3.953]],["name/964",[412,48.548]],["parent/964",[487,3.953]],["name/965",[418,57.421]],["parent/965",[487,3.953]],["name/966",[420,54.908]],["parent/966",[487,3.953]],["name/967",[421,57.421]],["parent/967",[487,3.953]],["name/968",[212,51.23]],["parent/968",[487,3.953]],["name/969",[210,51.23]],["parent/969",[487,3.953]],["name/970",[356,52.901]],["parent/970",[487,3.953]],["name/971",[357,52.901]],["parent/971",[487,3.953]],["name/972",[358,52.901]],["parent/972",[487,3.953]],["name/973",[359,52.901]],["parent/973",[487,3.953]],["name/974",[103,41.326]],["parent/974",[487,3.953]],["name/975",[270,51.23]],["parent/975",[487,3.953]],["name/976",[361,52.901]],["parent/976",[487,3.953]],["name/977",[489,65.894]],["parent/977",[487,3.953]],["name/978",[490,65.894]],["parent/978",[487,3.953]],["name/979",[360,52.901]],["parent/979",[487,3.953]],["name/980",[491,65.894]],["parent/980",[]],["name/981",[492,41.326]],["parent/981",[]],["name/982",[493,65.894]],["parent/982",[492,4.111]],["name/983",[494,65.894]],["parent/983",[492,4.111]],["name/984",[343,57.421]],["parent/984",[492,4.111]],["name/985",[495,65.894]],["parent/985",[492,4.111]],["name/986",[165,60.786]],["parent/986",[492,4.111]],["name/987",[337,60.786]],["parent/987",[492,4.111]],["name/988",[60,52.901]],["parent/988",[492,4.111]],["name/989",[32,45.525]],["parent/989",[492,4.111]],["name/990",[496,57.421]],["parent/990",[492,4.111]],["name/991",[497,57.421]],["parent/991",[492,4.111]],["name/992",[498,57.421]],["parent/992",[492,4.111]],["name/993",[499,57.421]],["parent/993",[492,4.111]],["name/994",[500,57.421]],["parent/994",[492,4.111]],["name/995",[501,57.421]],["parent/995",[492,4.111]],["name/996",[502,57.421]],["parent/996",[492,4.111]],["name/997",[190,48.548]],["parent/997",[492,4.111]],["name/998",[503,45.525]],["parent/998",[]],["name/999",[60,52.901]],["parent/999",[503,4.528]],["name/1000",[32,45.525]],["parent/1000",[503,4.528]],["name/1001",[496,57.421]],["parent/1001",[503,4.528]],["name/1002",[497,57.421]],["parent/1002",[503,4.528]],["name/1003",[498,57.421]],["parent/1003",[503,4.528]],["name/1004",[499,57.421]],["parent/1004",[503,4.528]],["name/1005",[500,57.421]],["parent/1005",[503,4.528]],["name/1006",[501,57.421]],["parent/1006",[503,4.528]],["name/1007",[502,57.421]],["parent/1007",[503,4.528]],["name/1008",[190,48.548]],["parent/1008",[503,4.528]],["name/1009",[504,44.691]],["parent/1009",[]],["name/1010",[5,57.421]],["parent/1010",[504,4.445]],["name/1011",[60,52.901]],["parent/1011",[504,4.445]],["name/1012",[32,45.525]],["parent/1012",[504,4.445]],["name/1013",[496,57.421]],["parent/1013",[504,4.445]],["name/1014",[497,57.421]],["parent/1014",[504,4.445]],["name/1015",[498,57.421]],["parent/1015",[504,4.445]],["name/1016",[499,57.421]],["parent/1016",[504,4.445]],["name/1017",[500,57.421]],["parent/1017",[504,4.445]],["name/1018",[501,57.421]],["parent/1018",[504,4.445]],["name/1019",[502,57.421]],["parent/1019",[504,4.445]],["name/1020",[190,48.548]],["parent/1020",[504,4.445]],["name/1021",[5,57.421]],["parent/1021",[]],["name/1022",[6,60.786]],["parent/1022",[]],["name/1023",[8,51.23]],["parent/1023",[]],["name/1024",[412,48.548]],["parent/1024",[8,5.096]],["name/1025",[476,51.23]],["parent/1025",[505,4.003]],["name/1026",[506,57.421]],["parent/1026",[505,4.003]],["name/1027",[507,57.421]],["parent/1027",[505,4.003]],["name/1028",[478,52.901]],["parent/1028",[505,4.003]],["name/1029",[508,54.908]],["parent/1029",[505,4.003]],["name/1030",[48,51.23]],["parent/1030",[505,4.003]],["name/1031",[409,51.23]],["parent/1031",[505,4.003]],["name/1032",[410,54.908]],["parent/1032",[505,4.003]],["name/1033",[411,54.908]],["parent/1033",[505,4.003]],["name/1034",[190,48.548]],["parent/1034",[505,4.003]],["name/1035",[407,52.901]],["parent/1035",[505,4.003]],["name/1036",[412,48.548]],["parent/1036",[505,4.003]],["name/1037",[404,49.799]],["parent/1037",[505,4.003]],["name/1038",[373,49.799]],["parent/1038",[505,4.003]],["name/1039",[479,52.901]],["parent/1039",[505,4.003]],["name/1040",[480,52.901]],["parent/1040",[505,4.003]],["name/1041",[481,52.901]],["parent/1041",[505,4.003]],["name/1042",[482,52.901]],["parent/1042",[505,4.003]],["name/1043",[441,51.23]],["parent/1043",[505,4.003]],["name/1044",[509,65.894]],["parent/1044",[8,5.096]],["name/1045",[476,51.23]],["parent/1045",[510,3.953]],["name/1046",[506,57.421]],["parent/1046",[510,3.953]],["name/1047",[507,57.421]],["parent/1047",[510,3.953]],["name/1048",[478,52.901]],["parent/1048",[510,3.953]],["name/1049",[511,65.894]],["parent/1049",[510,3.953]],["name/1050",[404,49.799]],["parent/1050",[510,3.953]],["name/1051",[508,54.908]],["parent/1051",[510,3.953]],["name/1052",[48,51.23]],["parent/1052",[510,3.953]],["name/1053",[409,51.23]],["parent/1053",[510,3.953]],["name/1054",[410,54.908]],["parent/1054",[510,3.953]],["name/1055",[411,54.908]],["parent/1055",[510,3.953]],["name/1056",[190,48.548]],["parent/1056",[510,3.953]],["name/1057",[407,52.901]],["parent/1057",[510,3.953]],["name/1058",[412,48.548]],["parent/1058",[510,3.953]],["name/1059",[373,49.799]],["parent/1059",[510,3.953]],["name/1060",[479,52.901]],["parent/1060",[510,3.953]],["name/1061",[480,52.901]],["parent/1061",[510,3.953]],["name/1062",[481,52.901]],["parent/1062",[510,3.953]],["name/1063",[482,52.901]],["parent/1063",[510,3.953]],["name/1064",[441,51.23]],["parent/1064",[510,3.953]],["name/1065",[512,65.894]],["parent/1065",[8,5.096]],["name/1066",[476,51.23]],["parent/1066",[513,3.953]],["name/1067",[506,57.421]],["parent/1067",[513,3.953]],["name/1068",[507,57.421]],["parent/1068",[513,3.953]],["name/1069",[478,52.901]],["parent/1069",[513,3.953]],["name/1070",[514,65.894]],["parent/1070",[513,3.953]],["name/1071",[190,48.548]],["parent/1071",[513,3.953]],["name/1072",[508,54.908]],["parent/1072",[513,3.953]],["name/1073",[412,48.548]],["parent/1073",[513,3.953]],["name/1074",[404,49.799]],["parent/1074",[513,3.953]],["name/1075",[48,51.23]],["parent/1075",[513,3.953]],["name/1076",[409,51.23]],["parent/1076",[513,3.953]],["name/1077",[410,54.908]],["parent/1077",[513,3.953]],["name/1078",[411,54.908]],["parent/1078",[513,3.953]],["name/1079",[407,52.901]],["parent/1079",[513,3.953]],["name/1080",[373,49.799]],["parent/1080",[513,3.953]],["name/1081",[479,52.901]],["parent/1081",[513,3.953]],["name/1082",[480,52.901]],["parent/1082",[513,3.953]],["name/1083",[481,52.901]],["parent/1083",[513,3.953]],["name/1084",[482,52.901]],["parent/1084",[513,3.953]],["name/1085",[441,51.23]],["parent/1085",[513,3.953]],["name/1086",[515,65.894]],["parent/1086",[8,5.096]],["name/1087",[48,51.23]],["parent/1087",[516,5.712]],["name/1088",[407,52.901]],["parent/1088",[516,5.712]],["name/1089",[508,54.908]],["parent/1089",[516,5.712]]],"invertedIndex":[["__type",{"_index":1,"name":{"1":{},"25":{},"41":{},"43":{},"304":{},"331":{},"344":{},"353":{},"365":{},"422":{},"500":{},"505":{},"512":{},"516":{},"519":{},"526":{},"591":{},"603":{}},"parent":{"2":{},"3":{},"4":{},"5":{},"6":{},"7":{},"8":{},"9":{},"10":{},"11":{}}}],["action",{"_index":165,"name":{"306":{},"986":{}},"parent":{}}],["actionlistener",{"_index":162,"name":{"303":{}},"parent":{}}],["actionoption",{"_index":164,"name":{"305":{}},"parent":{}}],["adddisposable",{"_index":405,"name":{"663":{},"760":{},"853":{},"952":{}},"parent":{}}],["addeventlistener",{"_index":480,"name":{"860":{},"957":{},"1040":{},"1061":{},"1082":{}},"parent":{}}],["afterselectedcellevent",{"_index":199,"name":{"348":{}},"parent":{}}],["allowrangepaste",{"_index":421,"name":{"681":{},"877":{},"967":{}},"parent":{}}],["anyfunction",{"_index":24,"name":{"24":{}},"parent":{}}],["anylistener",{"_index":196,"name":{"345":{}},"parent":{}}],["appearance",{"_index":135,"name":{"227":{}},"parent":{}}],["autowraptext",{"_index":109,"name":{"120":{},"138":{},"211":{},"284":{}},"parent":{}}],["barbgcolor",{"_index":151,"name":{"266":{}},"parent":{}}],["barcolor",{"_index":149,"name":{"265":{}},"parent":{}}],["barheight",{"_index":152,"name":{"267":{}},"parent":{}}],["baseactionoption",{"_index":159,"name":{"301":{}},"parent":{}}],["basecolumnoption",{"_index":53,"name":{"49":{}},"parent":{}}],["basestyleoption",{"_index":94,"name":{"89":{}},"parent":{}}],["before_change_value",{"_index":257,"name":{"425":{},"454":{}},"parent":{}}],["beforeselectedcellevent",{"_index":198,"name":{"347":{}},"parent":{}}],["bgcolor",{"_index":85,"name":{"81":{},"90":{},"99":{},"112":{},"128":{},"146":{},"160":{},"172":{},"186":{},"202":{},"219":{},"234":{},"245":{},"258":{},"274":{},"292":{},"514":{}},"parent":{}}],["blur_grid",{"_index":245,"name":{"391":{},"416":{},"450":{},"479":{}},"parent":{}}],["bordercolor",{"_index":122,"name":{"169":{},"195":{},"496":{},"503":{}},"parent":{}}],["bottom",{"_index":31,"name":{"30":{}},"parent":{}}],["bottomleftcolor",{"_index":296,"name":{"533":{}},"parent":{}}],["bottomleftsize",{"_index":297,"name":{"534":{}},"parent":{}}],["bottomrightcolor",{"_index":294,"name":{"531":{}},"parent":{}}],["bottomrightsize",{"_index":295,"name":{"532":{}},"parent":{}}],["boxwidth",{"_index":287,"name":{"523":{}},"parent":{}}],["branchcolors",{"_index":143,"name":{"253":{}},"parent":{}}],["branchgraphcolumnoption",{"_index":77,"name":{"72":{}},"parent":{}}],["branchgraphcommand",{"_index":81,"name":{"77":{}},"parent":{}}],["branchgraphstyleoption",{"_index":142,"name":{"252":{}},"parent":{}}],["branchlinewidth",{"_index":146,"name":{"256":{}},"parent":{}}],["buildcheckboxinline",{"_index":463,"name":{"787":{}},"parent":{}}],["button",{"_index":281,"name":{"511":{},"777":{}},"parent":{}}],["buttonactionoption",{"_index":170,"name":{"311":{}},"parent":{}}],["buttonbgcolor",{"_index":116,"name":{"153":{}},"parent":{}}],["buttoncolumnoption",{"_index":59,"name":{"54":{}},"parent":{}}],["buttonstyleoption",{"_index":115,"name":{"152":{}},"parent":{}}],["cache",{"_index":79,"name":{"74":{}},"parent":{}}],["cacheddatasource",{"_index":509,"name":{"1044":{}},"parent":{}}],["canbreak",{"_index":452,"name":{"773":{}},"parent":{}}],["candraw",{"_index":449,"name":{"770":{}},"parent":{}}],["canvas",{"_index":363,"name":{"621":{},"719":{},"805":{},"906":{}},"parent":{}}],["caption",{"_index":60,"name":{"55":{},"576":{},"988":{},"999":{},"1011":{}},"parent":{}}],["celladdress",{"_index":35,"name":{"34":{}},"parent":{}}],["cellcontext",{"_index":464,"name":{"788":{}},"parent":{}}],["cellrange",{"_index":39,"name":{"37":{}},"parent":{}}],["changed_header_value",{"_index":260,"name":{"427":{},"456":{}},"parent":{}}],["changed_value",{"_index":259,"name":{"426":{},"455":{}},"parent":{}}],["changedheadervaluecellevent",{"_index":251,"name":{"420":{}},"parent":{}}],["changedvaluecellevent",{"_index":250,"name":{"419":{}},"parent":{}}],["checkaction",{"_index":187,"name":{"334":{}},"parent":{}}],["checkbgcolor",{"_index":121,"name":{"168":{},"183":{},"194":{},"502":{},"510":{}},"parent":{}}],["checkbordercolor",{"_index":127,"name":{"181":{},"508":{}},"parent":{}}],["checkbox",{"_index":278,"name":{"499":{},"778":{}},"parent":{}}],["checkcolor",{"_index":124,"name":{"179":{},"506":{}},"parent":{}}],["checkheaderstyleoption",{"_index":128,"name":{"192":{}},"parent":{}}],["checkstyleoption",{"_index":118,"name":{"166":{}},"parent":{}}],["circlesize",{"_index":145,"name":{"255":{}},"parent":{}}],["classlist",{"_index":172,"name":{"313":{},"318":{},"323":{},"569":{}},"parent":{}}],["classname",{"_index":68,"name":{"62":{},"539":{}},"parent":{}}],["clearcache",{"_index":511,"name":{"1049":{}},"parent":{}}],["click_cell",{"_index":225,"name":{"371":{},"396":{},"430":{},"459":{}},"parent":{}}],["clone",{"_index":93,"name":{"88":{}},"parent":{}}],["col",{"_index":36,"name":{"35":{},"583":{},"673":{},"789":{}},"parent":{}}],["colcount",{"_index":210,"name":{"358":{},"612":{},"710":{},"810":{},"911":{},"969":{}},"parent":{}}],["color",{"_index":101,"name":{"106":{},"122":{},"140":{},"154":{},"196":{},"213":{},"228":{},"268":{},"286":{},"490":{},"513":{},"544":{},"555":{},"593":{},"769":{}},"parent":{}}],["colordef",{"_index":34,"name":{"33":{}},"parent":{}}],["colorpropertydefine",{"_index":331,"name":{"586":{}},"parent":{}}],["colorspropertydefine",{"_index":332,"name":{"587":{}},"parent":{}}],["columnactionapi",{"_index":443,"name":{"762":{}},"parent":{}}],["columnactionoption",{"_index":192,"name":{"341":{}},"parent":{}}],["columndefine",{"_index":492,"name":{"981":{}},"parent":{"982":{},"983":{},"984":{},"985":{},"986":{},"987":{},"988":{},"989":{},"990":{},"991":{},"992":{},"993":{},"994":{},"995":{},"996":{},"997":{}}}],["columniconoption",{"_index":315,"name":{"564":{}},"parent":{}}],["columnmenuitemobjectoptions",{"_index":326,"name":{"577":{}},"parent":{}}],["columnmenuitemoption",{"_index":317,"name":{"566":{}},"parent":{}}],["columnmenuitemoptions",{"_index":316,"name":{"565":{}},"parent":{}}],["columns",{"_index":5,"name":{"5":{},"1010":{},"1021":{}},"parent":{}}],["columnstyle",{"_index":84,"name":{"80":{}},"parent":{}}],["columnstyleoption",{"_index":156,"name":{"298":{}},"parent":{}}],["columntype",{"_index":495,"name":{"985":{}},"parent":{}}],["columntypeapi",{"_index":442,"name":{"761":{}},"parent":{}}],["columntypeoption",{"_index":82,"name":{"78":{}},"parent":{}}],["configure",{"_index":374,"name":{"632":{},"729":{},"819":{},"918":{}},"parent":{}}],["constructor",{"_index":478,"name":{"803":{},"867":{},"1028":{},"1048":{},"1069":{}},"parent":{}}],["content",{"_index":69,"name":{"63":{},"538":{}},"parent":{}}],["context",{"_index":330,"name":{"585":{}},"parent":{}}],["contextmenu_cell",{"_index":234,"name":{"380":{},"405":{},"439":{},"468":{}},"parent":{}}],["copydata",{"_index":247,"name":{"393":{},"418":{},"452":{},"481":{}},"parent":{}}],["core",{"_index":2,"name":{"2":{},"800":{}},"parent":{"801":{},"863":{}}}],["core.drawgrid",{"_index":477,"name":{},"parent":{"802":{},"803":{},"804":{},"805":{},"806":{},"807":{},"808":{},"809":{},"810":{},"811":{},"812":{},"813":{},"814":{},"815":{},"816":{},"817":{},"818":{},"819":{},"820":{},"821":{},"822":{},"823":{},"824":{},"825":{},"826":{},"827":{},"828":{},"829":{},"830":{},"831":{},"832":{},"833":{},"834":{},"835":{},"836":{},"837":{},"838":{},"839":{},"840":{},"841":{},"842":{},"843":{},"844":{},"845":{},"846":{},"847":{},"848":{},"849":{},"850":{},"851":{},"852":{},"853":{},"854":{},"855":{},"856":{},"857":{},"858":{},"859":{},"860":{},"861":{},"862":{}}}],["d",{"_index":265,"name":{"483":{}},"parent":{}}],["data",{"_index":8,"name":{"8":{},"1023":{}},"parent":{"1024":{},"1044":{},"1065":{},"1086":{}}}],["data.cacheddatasource",{"_index":510,"name":{},"parent":{"1045":{},"1046":{},"1047":{},"1048":{},"1049":{},"1050":{},"1051":{},"1052":{},"1053":{},"1054":{},"1055":{},"1056":{},"1057":{},"1058":{},"1059":{},"1060":{},"1061":{},"1062":{},"1063":{},"1064":{}}}],["data.datasource",{"_index":505,"name":{},"parent":{"1025":{},"1026":{},"1027":{},"1028":{},"1029":{},"1030":{},"1031":{},"1032":{},"1033":{},"1034":{},"1035":{},"1036":{},"1037":{},"1038":{},"1039":{},"1040":{},"1041":{},"1042":{},"1043":{}}}],["data.datasourceparam",{"_index":516,"name":{},"parent":{"1087":{},"1088":{},"1089":{}}}],["data.filterdatasource",{"_index":513,"name":{},"parent":{"1066":{},"1067":{},"1068":{},"1069":{},"1070":{},"1071":{},"1072":{},"1073":{},"1074":{},"1075":{},"1076":{},"1077":{},"1078":{},"1079":{},"1080":{},"1081":{},"1082":{},"1083":{},"1084":{},"1085":{}}}],["datasource",{"_index":412,"name":{"671":{},"679":{},"875":{},"964":{},"1024":{},"1036":{},"1058":{},"1073":{}},"parent":{}}],["datasourceapi",{"_index":406,"name":{"664":{}},"parent":{}}],["datasourceparam",{"_index":515,"name":{"1086":{}},"parent":{}}],["dblclick_cell",{"_index":226,"name":{"372":{},"397":{},"431":{},"460":{}},"parent":{}}],["dbltap_cell",{"_index":236,"name":{"382":{},"407":{},"441":{},"470":{}},"parent":{}}],["default",{"_index":0,"name":{"0":{}},"parent":{}}],["defaultbgcolor",{"_index":272,"name":{"492":{}},"parent":{}}],["defaultcolwidth",{"_index":359,"name":{"616":{},"714":{},"814":{},"915":{},"973":{}},"parent":{}}],["defaultrowheight",{"_index":358,"name":{"615":{},"713":{},"813":{},"914":{},"972":{}},"parent":{}}],["delete_cell",{"_index":240,"name":{"386":{},"411":{},"445":{},"474":{}},"parent":{}}],["deletecellevent",{"_index":216,"name":{"363":{}},"parent":{}}],["deletecellvalueondel",{"_index":352,"name":{"607":{}},"parent":{}}],["detail",{"_index":254,"name":{"423":{}},"parent":{}}],["disablecolumnresize",{"_index":490,"name":{"978":{}},"parent":{}}],["disabled",{"_index":160,"name":{"302":{},"307":{},"310":{},"316":{},"321":{},"329":{},"336":{},"340":{},"685":{},"764":{},"868":{}},"parent":{}}],["dispose",{"_index":404,"name":{"662":{},"759":{},"854":{},"870":{},"1037":{},"1050":{},"1074":{}},"parent":{}}],["dochangestyle",{"_index":92,"name":{"87":{}},"parent":{}}],["dochangevalue",{"_index":434,"name":{"700":{},"899":{}},"parent":{}}],["dogetcellvalue",{"_index":435,"name":{"701":{},"898":{}},"parent":{}}],["dosetpastevalue",{"_index":436,"name":{"702":{},"900":{}},"parent":{}}],["draw",{"_index":451,"name":{"772":{}},"parent":{}}],["drawborderwithclip",{"_index":460,"name":{"784":{}},"parent":{}}],["drawgrid",{"_index":475,"name":{"801":{}},"parent":{}}],["drawgridapi",{"_index":354,"name":{"609":{}},"parent":{}}],["drawgrideventhandlerseventmap",{"_index":222,"name":{"369":{}},"parent":{}}],["drawgrideventhandlersreturnmap",{"_index":248,"name":{"394":{}},"parent":{}}],["drawgridkeyboardmovecellfunction",{"_index":346,"name":{"602":{}},"parent":{}}],["drawgridkeyboardoptions",{"_index":348,"name":{"604":{}},"parent":{}}],["drawwithclip",{"_index":461,"name":{"785":{}},"parent":{}}],["editable",{"_index":444,"name":{"763":{}},"parent":{}}],["editableinput_cell",{"_index":242,"name":{"388":{},"413":{},"447":{},"476":{}},"parent":{}}],["editoroption",{"_index":167,"name":{"308":{}},"parent":{}}],["empty",{"_index":507,"name":{"1027":{},"1047":{},"1068":{}},"parent":{}}],["end",{"_index":42,"name":{"39":{}},"parent":{}}],["errorbgcolor",{"_index":285,"name":{"521":{}},"parent":{}}],["event",{"_index":207,"name":{"355":{},"366":{}},"parent":{}}],["event_type",{"_index":476,"name":{"802":{},"863":{},"866":{},"1025":{},"1045":{},"1066":{}},"parent":{}}],["eventlistenerid",{"_index":197,"name":{"346":{}},"parent":{}}],["fadeinwhencallbackinpromise",{"_index":54,"name":{"50":{},"53":{},"56":{},"59":{},"66":{},"71":{},"75":{}},"parent":{}}],["field",{"_index":493,"name":{"982":{}},"parent":{}}],["fieldassessor",{"_index":47,"name":{"44":{}},"parent":{}}],["fielddata",{"_index":52,"name":{"48":{}},"parent":{}}],["fielddef",{"_index":51,"name":{"47":{}},"parent":{}}],["fieldgetter",{"_index":43,"name":{"40":{}},"parent":{}}],["fieldsetter",{"_index":45,"name":{"42":{}},"parent":{}}],["fillrectwithstate",{"_index":459,"name":{"783":{}},"parent":{}}],["filter",{"_index":514,"name":{"1070":{}},"parent":{}}],["filterdatasource",{"_index":512,"name":{"1065":{}},"parent":{}}],["firelisteners",{"_index":441,"name":{"707":{},"857":{},"904":{},"1043":{},"1064":{},"1085":{}},"parent":{}}],["focus",{"_index":371,"name":{"629":{},"727":{},"806":{},"907":{}},"parent":{}}],["focus_grid",{"_index":244,"name":{"390":{},"415":{},"449":{},"478":{}},"parent":{}}],["focuscell",{"_index":399,"name":{"657":{},"754":{},"840":{},"939":{}},"parent":{}}],["focusgridcell",{"_index":431,"name":{"697":{},"893":{}},"parent":{}}],["font",{"_index":103,"name":{"107":{},"123":{},"141":{},"155":{},"197":{},"214":{},"229":{},"269":{},"287":{},"488":{},"537":{},"610":{},"708":{},"768":{},"815":{},"878":{},"974":{}},"parent":{}}],["fonticon",{"_index":299,"name":{"536":{}},"parent":{}}],["fontpropertydefine",{"_index":333,"name":{"588":{}},"parent":{}}],["format",{"_index":57,"name":{"52":{}},"parent":{}}],["formatter",{"_index":76,"name":{"70":{}},"parent":{}}],["frozencolcount",{"_index":357,"name":{"614":{},"712":{},"811":{},"912":{},"971":{}},"parent":{}}],["frozenrowcount",{"_index":356,"name":{"613":{},"711":{},"812":{},"913":{},"970":{}},"parent":{}}],["frozenrowsbgcolor",{"_index":273,"name":{"493":{}},"parent":{}}],["frozenrowsbordercolor",{"_index":276,"name":{"497":{}},"parent":{}}],["frozenrowscolor",{"_index":271,"name":{"491":{}},"parent":{}}],["get",{"_index":48,"name":{"45":{},"666":{},"1030":{},"1052":{},"1075":{},"1087":{}},"parent":{}}],["getattachcellsarea",{"_index":402,"name":{"660":{},"757":{},"855":{},"953":{}},"parent":{}}],["getcellat",{"_index":396,"name":{"654":{},"751":{},"837":{},"936":{}},"parent":{}}],["getcelloverflowtext",{"_index":400,"name":{"658":{},"755":{},"851":{},"950":{}},"parent":{}}],["getcellrange",{"_index":429,"name":{"695":{},"896":{}},"parent":{}}],["getcellrangebyfield",{"_index":430,"name":{"696":{},"892":{}},"parent":{}}],["getcellrangerect",{"_index":392,"name":{"650":{},"747":{},"833":{},"932":{}},"parent":{}}],["getcellrect",{"_index":389,"name":{"647":{},"744":{},"830":{},"929":{}},"parent":{}}],["getcellrelativerect",{"_index":390,"name":{"648":{},"745":{},"831":{},"930":{}},"parent":{}}],["getcellsrect",{"_index":391,"name":{"649":{},"746":{},"832":{},"931":{}},"parent":{}}],["getcellvalue",{"_index":213,"name":{"360":{}},"parent":{}}],["getcolat",{"_index":395,"name":{"653":{},"750":{},"836":{},"935":{}},"parent":{}}],["getcolor",{"_index":457,"name":{"781":{}},"parent":{}}],["getcolumnaction",{"_index":440,"name":{"706":{},"885":{}},"parent":{}}],["getcolumndefine",{"_index":439,"name":{"705":{},"883":{}},"parent":{}}],["getcolumnindexbyfield",{"_index":485,"name":{"891":{}},"parent":{}}],["getcolumntype",{"_index":438,"name":{"704":{},"884":{}},"parent":{}}],["getcolwidth",{"_index":383,"name":{"641":{},"738":{},"824":{},"923":{}},"parent":{}}],["getcontext",{"_index":466,"name":{"791":{}},"parent":{}}],["getdrawrect",{"_index":468,"name":{"793":{}},"parent":{}}],["getelement",{"_index":370,"name":{"628":{},"726":{},"804":{},"905":{}},"parent":{}}],["getfield",{"_index":409,"name":{"667":{},"688":{},"882":{},"1031":{},"1053":{},"1076":{}},"parent":{}}],["getgridcanvashelper",{"_index":433,"name":{"699":{},"895":{}},"parent":{}}],["getheadercellrange",{"_index":486,"name":{"897":{}},"parent":{}}],["getheaderdefine",{"_index":484,"name":{"887":{}},"parent":{}}],["getheaderfield",{"_index":426,"name":{"692":{},"886":{}},"parent":{}}],["getheadervalue",{"_index":427,"name":{"693":{},"901":{}},"parent":{}}],["getlayoutcellid",{"_index":437,"name":{"703":{},"903":{}},"parent":{}}],["getmaxcolwidth",{"_index":385,"name":{"643":{},"740":{},"826":{},"925":{}},"parent":{}}],["getmincolwidth",{"_index":387,"name":{"645":{},"742":{},"828":{},"927":{}},"parent":{}}],["getradioeditorgroup",{"_index":182,"name":{"330":{}},"parent":{}}],["getrecordindexbyrow",{"_index":424,"name":{"690":{},"889":{}},"parent":{}}],["getrecordstartrowbyrecordindex",{"_index":425,"name":{"691":{},"890":{}},"parent":{}}],["getrect",{"_index":469,"name":{"794":{}},"parent":{}}],["getrowat",{"_index":394,"name":{"652":{},"749":{},"835":{},"934":{}},"parent":{}}],["getrowheight",{"_index":381,"name":{"639":{},"736":{},"822":{},"921":{}},"parent":{}}],["getrowrecord",{"_index":423,"name":{"689":{},"888":{}},"parent":{}}],["getselection",{"_index":470,"name":{"795":{}},"parent":{}}],["grid",{"_index":329,"name":{"584":{}},"parent":{}}],["gridcanvashelper",{"_index":9,"name":{"9":{}},"parent":{}}],["gridcanvashelperapi",{"_index":453,"name":{"774":{}},"parent":{}}],["group",{"_index":185,"name":{"333":{}},"parent":{}}],["groupheaderdefine",{"_index":504,"name":{"1009":{}},"parent":{"1010":{},"1011":{},"1012":{},"1013":{},"1014":{},"1015":{},"1016":{},"1017":{},"1018":{},"1019":{},"1020":{}}}],["hasfield",{"_index":410,"name":{"668":{},"1032":{},"1054":{},"1077":{}},"parent":{}}],["hasfocusgrid",{"_index":372,"name":{"630":{},"728":{},"807":{},"908":{}},"parent":{}}],["haslisteners",{"_index":482,"name":{"862":{},"959":{},"1042":{},"1063":{},"1084":{}},"parent":{}}],["header",{"_index":282,"name":{"515":{},"871":{},"961":{}},"parent":{}}],["headeraction",{"_index":502,"name":{"996":{},"1007":{},"1019":{}},"parent":{}}],["headeractionoption",{"_index":193,"name":{"342":{}},"parent":{}}],["headerdefine",{"_index":503,"name":{"998":{}},"parent":{"999":{},"1000":{},"1001":{},"1002":{},"1003":{},"1004":{},"1005":{},"1006":{},"1007":{},"1008":{}}}],["headerfield",{"_index":498,"name":{"992":{},"1003":{},"1015":{}},"parent":{}}],["headericon",{"_index":499,"name":{"993":{},"1004":{},"1016":{}},"parent":{}}],["headerrowheight",{"_index":488,"name":{"963":{}},"parent":{}}],["headers",{"_index":6,"name":{"6":{},"1022":{}},"parent":{}}],["headersdefine",{"_index":491,"name":{"980":{}},"parent":{}}],["headerstdstyleoption",{"_index":112,"name":{"135":{}},"parent":{}}],["headerstyle",{"_index":500,"name":{"994":{},"1005":{},"1017":{}},"parent":{}}],["headerstyleoption",{"_index":157,"name":{"299":{}},"parent":{}}],["headertype",{"_index":501,"name":{"995":{},"1006":{},"1018":{}},"parent":{}}],["headertypeoption",{"_index":83,"name":{"79":{}},"parent":{}}],["headervalues",{"_index":416,"name":{"676":{},"683":{},"881":{}},"parent":{}}],["height",{"_index":33,"name":{"32":{},"485":{},"543":{},"550":{},"554":{},"559":{},"563":{}},"parent":{}}],["helpertext",{"_index":179,"name":{"325":{}},"parent":{}}],["highlightbgcolor",{"_index":275,"name":{"495":{}},"parent":{}}],["highlightbordercolor",{"_index":277,"name":{"498":{}},"parent":{}}],["html",{"_index":321,"name":{"570":{}},"parent":{}}],["icon",{"_index":494,"name":{"983":{}},"parent":{}}],["iconcolumnoption",{"_index":65,"name":{"60":{}},"parent":{}}],["icondefine",{"_index":264,"name":{"482":{}},"parent":{}}],["icons",{"_index":11,"name":{"11":{}},"parent":{}}],["iconstyleoption",{"_index":141,"name":{"251":{}},"parent":{}}],["iconwidth",{"_index":71,"name":{"65":{}},"parent":{}}],["imageicon",{"_index":304,"name":{"547":{}},"parent":{}}],["imagesizing",{"_index":138,"name":{"241":{}},"parent":{}}],["imagestyleoption",{"_index":137,"name":{"240":{}},"parent":{}}],["indicatorbottomleft",{"_index":91,"name":{"86":{},"95":{},"104":{},"117":{},"133":{},"151":{},"165":{},"177":{},"191":{},"207":{},"224":{},"239":{},"250":{},"263":{},"279":{},"297":{}},"parent":{}}],["indicatorbottomright",{"_index":90,"name":{"85":{},"94":{},"103":{},"116":{},"132":{},"150":{},"164":{},"176":{},"190":{},"206":{},"223":{},"238":{},"249":{},"262":{},"278":{},"296":{}},"parent":{}}],["indicatordefine",{"_index":340,"name":{"595":{}},"parent":{}}],["indicatorobject",{"_index":335,"name":{"590":{}},"parent":{}}],["indicators",{"_index":289,"name":{"525":{}},"parent":{}}],["indicatorstyle",{"_index":334,"name":{"589":{}},"parent":{}}],["indicatortopleft",{"_index":88,"name":{"83":{},"92":{},"101":{},"114":{},"130":{},"148":{},"162":{},"174":{},"188":{},"204":{},"221":{},"236":{},"247":{},"260":{},"276":{},"294":{}},"parent":{}}],["indicatortopright",{"_index":89,"name":{"84":{},"93":{},"102":{},"115":{},"131":{},"149":{},"163":{},"175":{},"189":{},"205":{},"222":{},"237":{},"248":{},"261":{},"277":{},"295":{}},"parent":{}}],["infobgcolor",{"_index":284,"name":{"520":{}},"parent":{}}],["inlineapi",{"_index":447,"name":{"766":{}},"parent":{}}],["inlineinputeditoroption",{"_index":174,"name":{"317":{}},"parent":{}}],["inlinemenueditoroption",{"_index":171,"name":{"312":{}},"parent":{}}],["input_cell",{"_index":239,"name":{"385":{},"410":{},"444":{},"473":{}},"parent":{}}],["inputcellevent",{"_index":215,"name":{"362":{}},"parent":{}}],["inputvalidator",{"_index":180,"name":{"326":{}},"parent":{}}],["invalidate",{"_index":377,"name":{"635":{},"732":{},"844":{},"943":{}},"parent":{}}],["invalidatecell",{"_index":378,"name":{"636":{},"733":{},"841":{},"940":{}},"parent":{}}],["invalidatecellrange",{"_index":380,"name":{"638":{},"735":{},"843":{},"942":{}},"parent":{}}],["invalidategridrect",{"_index":379,"name":{"637":{},"734":{},"842":{},"941":{}},"parent":{}}],["isfrozencell",{"_index":393,"name":{"651":{},"748":{},"834":{},"933":{}},"parent":{}}],["isliga",{"_index":301,"name":{"541":{}},"parent":{}}],["keyboardeventlistener",{"_index":194,"name":{"343":{}},"parent":{}}],["keyboardoptions",{"_index":361,"name":{"619":{},"717":{},"818":{},"917":{},"976":{}},"parent":{}}],["keycode",{"_index":205,"name":{"354":{}},"parent":{}}],["keydown",{"_index":237,"name":{"383":{},"408":{},"442":{},"471":{}},"parent":{}}],["keydownevent",{"_index":203,"name":{"352":{}},"parent":{}}],["label",{"_index":320,"name":{"568":{},"573":{}},"parent":{}}],["layout",{"_index":483,"name":{"872":{},"962":{}},"parent":{}}],["layoutobjectid",{"_index":345,"name":{"601":{}},"parent":{}}],["left",{"_index":27,"name":{"27":{}},"parent":{}}],["leftcol",{"_index":367,"name":{"625":{},"723":{},"848":{},"947":{}},"parent":{}}],["length",{"_index":407,"name":{"665":{},"1035":{},"1057":{},"1079":{},"1088":{}},"parent":{}}],["lineclamp",{"_index":110,"name":{"121":{},"139":{},"212":{},"285":{},"580":{}},"parent":{}}],["lineheight",{"_index":107,"name":{"119":{},"137":{},"210":{},"283":{}},"parent":{}}],["listen",{"_index":373,"name":{"631":{},"687":{},"858":{},"955":{},"1038":{},"1059":{},"1080":{}},"parent":{}}],["listgrid",{"_index":4,"name":{"4":{},"865":{}},"parent":{"866":{},"867":{},"868":{},"869":{},"870":{},"871":{},"872":{},"873":{},"874":{},"875":{},"876":{},"877":{},"878":{},"879":{},"880":{},"881":{},"882":{},"883":{},"884":{},"885":{},"886":{},"887":{},"888":{},"889":{},"890":{},"891":{},"892":{},"893":{},"894":{},"895":{},"896":{},"897":{},"898":{},"899":{},"900":{},"901":{},"902":{},"903":{},"904":{},"905":{},"906":{},"907":{},"908":{},"909":{},"910":{},"911":{},"912":{},"913":{},"914":{},"915":{},"916":{},"917":{},"918":{},"919":{},"920":{},"921":{},"922":{},"923":{},"924":{},"925":{},"926":{},"927":{},"928":{},"929":{},"930":{},"931":{},"932":{},"933":{},"934":{},"935":{},"936":{},"937":{},"938":{},"939":{},"940":{},"941":{},"942":{},"943":{},"944":{},"945":{},"946":{},"947":{},"948":{},"949":{},"950":{},"951":{},"952":{},"953":{},"954":{},"955":{},"956":{},"957":{},"958":{},"959":{}}}],["listgridapi",{"_index":417,"name":{"677":{}},"parent":{}}],["listgridconstructoroptions",{"_index":487,"name":{"960":{}},"parent":{"961":{},"962":{},"963":{},"964":{},"965":{},"966":{},"967":{},"968":{},"969":{},"970":{},"971":{},"972":{},"973":{},"974":{},"975":{},"976":{},"977":{},"978":{},"979":{}}}],["listgrideventhandlerseventmap",{"_index":256,"name":{"424":{}},"parent":{}}],["listgrideventhandlersreturnmap",{"_index":262,"name":{"453":{}},"parent":{}}],["makevisiblecell",{"_index":397,"name":{"655":{},"752":{},"838":{},"937":{}},"parent":{}}],["makevisiblegridcell",{"_index":432,"name":{"698":{},"894":{}},"parent":{}}],["margin",{"_index":140,"name":{"242":{},"254":{}},"parent":{}}],["markheight",{"_index":288,"name":{"524":{}},"parent":{}}],["max",{"_index":75,"name":{"69":{}},"parent":{}}],["maxwidth",{"_index":497,"name":{"991":{},"1002":{},"1014":{}},"parent":{}}],["maybecall",{"_index":17,"name":{"17":{}},"parent":{}}],["maybecallorundef",{"_index":20,"name":{"20":{}},"parent":{}}],["maybepromise",{"_index":16,"name":{"16":{}},"parent":{}}],["maybepromiseorcall",{"_index":18,"name":{"18":{}},"parent":{}}],["maybepromiseorcallorundef",{"_index":21,"name":{"21":{}},"parent":{}}],["maybepromiseorundef",{"_index":19,"name":{"19":{}},"parent":{}}],["maybeundef",{"_index":13,"name":{"13":{}},"parent":{}}],["menucolumnoption",{"_index":62,"name":{"57":{}},"parent":{}}],["menustyleoption",{"_index":134,"name":{"226":{}},"parent":{}}],["mergestyle",{"_index":147,"name":{"257":{}},"parent":{}}],["message",{"_index":343,"name":{"598":{},"600":{},"984":{}},"parent":{}}],["messageobject",{"_index":341,"name":{"596":{}},"parent":{}}],["messages",{"_index":283,"name":{"518":{}},"parent":{}}],["min",{"_index":73,"name":{"68":{}},"parent":{}}],["minwidth",{"_index":496,"name":{"990":{},"1001":{},"1013":{}},"parent":{}}],["modify_status_editableinput_cell",{"_index":243,"name":{"389":{},"414":{},"448":{},"477":{}},"parent":{}}],["modifystatuseditableinputcellevent",{"_index":220,"name":{"367":{}},"parent":{}}],["mousecellevent",{"_index":201,"name":{"350":{}},"parent":{}}],["mousedown_cell",{"_index":232,"name":{"378":{},"403":{},"437":{},"466":{}},"parent":{}}],["mouseenter_cell",{"_index":227,"name":{"373":{},"398":{},"432":{},"461":{}},"parent":{}}],["mouseleave_cell",{"_index":228,"name":{"374":{},"399":{},"433":{},"462":{}},"parent":{}}],["mousemove_cell",{"_index":231,"name":{"377":{},"402":{},"436":{},"465":{}},"parent":{}}],["mouseout_cell",{"_index":230,"name":{"376":{},"401":{},"435":{},"464":{}},"parent":{}}],["mouseover_cell",{"_index":229,"name":{"375":{},"400":{},"434":{},"463":{}},"parent":{}}],["mousepointercellevent",{"_index":221,"name":{"368":{}},"parent":{}}],["mouseup_cell",{"_index":233,"name":{"379":{},"404":{},"438":{},"467":{}},"parent":{}}],["movecellonenter",{"_index":351,"name":{"606":{}},"parent":{}}],["movecellontab",{"_index":349,"name":{"605":{}},"parent":{}}],["multiline",{"_index":113,"name":{"136":{},"282":{}},"parent":{}}],["multilinetext",{"_index":456,"name":{"780":{}},"parent":{}}],["multilinetextheaderstyleoption",{"_index":133,"name":{"225":{}},"parent":{}}],["multilinetextstyleoption",{"_index":131,"name":{"209":{}},"parent":{}}],["name",{"_index":70,"name":{"64":{},"561":{}},"parent":{}}],["namedicon",{"_index":313,"name":{"560":{}},"parent":{}}],["numbercolumnoption",{"_index":56,"name":{"51":{}},"parent":{}}],["numberstyleoption",{"_index":130,"name":{"208":{}},"parent":{}}],["ofarray",{"_index":506,"name":{"1026":{},"1046":{},"1067":{}},"parent":{}}],["offsetleft",{"_index":303,"name":{"546":{}},"parent":{}}],["offsettop",{"_index":302,"name":{"545":{}},"parent":{}}],["oldsimplecolumnmenuitemoption",{"_index":324,"name":{"574":{}},"parent":{}}],["onkeydownmove",{"_index":403,"name":{"661":{},"758":{},"856":{},"954":{}},"parent":{}}],["onready",{"_index":450,"name":{"771":{}},"parent":{}}],["options",{"_index":63,"name":{"58":{},"314":{}},"parent":{}}],["order",{"_index":415,"name":{"675":{}},"parent":{}}],["original",{"_index":344,"name":{"599":{}},"parent":{}}],["padding",{"_index":104,"name":{"108":{},"124":{},"142":{},"156":{},"198":{},"215":{},"230":{},"270":{},"288":{}},"parent":{}}],["parentelement",{"_index":489,"name":{"977":{}},"parent":{}}],["partialthemedefine",{"_index":267,"name":{"486":{}},"parent":{}}],["paste_cell",{"_index":238,"name":{"384":{},"409":{},"443":{},"472":{}},"parent":{}}],["pastecellevent",{"_index":214,"name":{"361":{}},"parent":{}}],["pasterangeboxvalues",{"_index":209,"name":{"357":{}},"parent":{}}],["pasterejectedvaluesevent",{"_index":252,"name":{"421":{}},"parent":{}}],["path",{"_index":308,"name":{"552":{}},"parent":{}}],["pathicon",{"_index":307,"name":{"551":{}},"parent":{}}],["percentcompletebarcolumnoption",{"_index":72,"name":{"67":{}},"parent":{}}],["percentcompletebarstyleoption",{"_index":148,"name":{"264":{}},"parent":{}}],["promisemaybecallorundef",{"_index":23,"name":{"23":{}},"parent":{}}],["promisemaybeundef",{"_index":15,"name":{"15":{}},"parent":{}}],["promisemaybeundeforcall",{"_index":22,"name":{"22":{}},"parent":{}}],["promiseorundef",{"_index":14,"name":{"14":{}},"parent":{}}],["radiobutton",{"_index":280,"name":{"504":{},"779":{}},"parent":{}}],["radioeditoroption",{"_index":184,"name":{"332":{}},"parent":{}}],["radiostyleoption",{"_index":123,"name":{"178":{}},"parent":{}}],["range",{"_index":474,"name":{"799":{}},"parent":{}}],["readonly",{"_index":168,"name":{"309":{},"315":{},"320":{},"328":{},"335":{},"686":{},"869":{}},"parent":{}}],["recordboolean",{"_index":158,"name":{"300":{}},"parent":{}}],["recordrowcount",{"_index":422,"name":{"684":{},"873":{}},"parent":{}}],["records",{"_index":418,"name":{"678":{},"874":{},"965":{}},"parent":{}}],["rectprops",{"_index":26,"name":{"26":{}},"parent":{}}],["register",{"_index":10,"name":{"10":{}},"parent":{}}],["rejected_paste_values",{"_index":261,"name":{"428":{},"457":{}},"parent":{}}],["removeeventlistener",{"_index":481,"name":{"861":{},"958":{},"1041":{},"1062":{},"1083":{}},"parent":{}}],["requiredthemedefine",{"_index":298,"name":{"535":{}},"parent":{}}],["resize_column",{"_index":246,"name":{"392":{},"417":{},"451":{},"480":{}},"parent":{}}],["right",{"_index":29,"name":{"28":{}},"parent":{}}],["row",{"_index":38,"name":{"36":{},"582":{},"674":{},"790":{}},"parent":{}}],["rowcount",{"_index":212,"name":{"359":{},"611":{},"709":{},"809":{},"910":{},"968":{}},"parent":{}}],["scroll",{"_index":241,"name":{"387":{},"412":{},"446":{},"475":{}},"parent":{}}],["scrollevent",{"_index":217,"name":{"364":{}},"parent":{}}],["scrollleft",{"_index":368,"name":{"626":{},"724":{},"850":{},"949":{}},"parent":{}}],["scrolltop",{"_index":369,"name":{"627":{},"725":{},"849":{},"948":{}},"parent":{}}],["select",{"_index":472,"name":{"798":{}},"parent":{}}],["selectallonctrla",{"_index":353,"name":{"608":{}},"parent":{}}],["selected_cell",{"_index":223,"name":{"370":{},"395":{},"429":{},"458":{}},"parent":{}}],["selectedcellevent",{"_index":200,"name":{"349":{}},"parent":{}}],["selection",{"_index":362,"name":{"620":{},"718":{},"797":{},"808":{},"909":{}},"parent":{}}],["selectionbgcolor",{"_index":274,"name":{"494":{}},"parent":{}}],["set",{"_index":50,"name":{"46":{}},"parent":{}}],["setcelloverflowtext",{"_index":401,"name":{"659":{},"756":{},"852":{},"951":{}},"parent":{}}],["setcolwidth",{"_index":384,"name":{"642":{},"739":{},"825":{},"924":{}},"parent":{}}],["setfield",{"_index":411,"name":{"669":{},"1033":{},"1055":{},"1078":{}},"parent":{}}],["setfocuscursor",{"_index":398,"name":{"656":{},"753":{},"839":{},"938":{}},"parent":{}}],["setheadervalue",{"_index":428,"name":{"694":{},"902":{}},"parent":{}}],["setmaxcolwidth",{"_index":386,"name":{"644":{},"741":{},"827":{},"926":{}},"parent":{}}],["setmincolwidth",{"_index":388,"name":{"646":{},"743":{},"829":{},"928":{}},"parent":{}}],["setpastevaluetestdata",{"_index":446,"name":{"765":{}},"parent":{}}],["setrectfilter",{"_index":471,"name":{"796":{}},"parent":{}}],["setrowheight",{"_index":382,"name":{"640":{},"737":{},"823":{},"922":{}},"parent":{}}],["simplebranchgraphcommand",{"_index":80,"name":{"76":{}},"parent":{}}],["simplecolumnmenuitemoption",{"_index":322,"name":{"571":{}},"parent":{}}],["size",{"_index":339,"name":{"594":{}},"parent":{}}],["smalldialoginputeditoroption",{"_index":177,"name":{"322":{}},"parent":{}}],["sort",{"_index":190,"name":{"339":{},"670":{},"997":{},"1008":{},"1020":{},"1034":{},"1056":{},"1071":{}},"parent":{}}],["sortarrowcolor",{"_index":154,"name":{"281":{},"517":{}},"parent":{}}],["sortheaderactionoption",{"_index":189,"name":{"338":{}},"parent":{}}],["sortheaderstyleoption",{"_index":153,"name":{"280":{}},"parent":{}}],["sortoption",{"_index":188,"name":{"337":{}},"parent":{}}],["sortstate",{"_index":413,"name":{"672":{},"682":{},"880":{}},"parent":{}}],["source",{"_index":508,"name":{"1029":{},"1051":{},"1072":{},"1089":{}},"parent":{}}],["src",{"_index":305,"name":{"548":{}},"parent":{}}],["start",{"_index":40,"name":{"38":{},"73":{}},"parent":{}}],["stdbasestyleoption",{"_index":96,"name":{"96":{}},"parent":{}}],["stdmultilinetextbasestyleoption",{"_index":106,"name":{"118":{}},"parent":{}}],["stdtextbasestyleoption",{"_index":100,"name":{"105":{}},"parent":{}}],["stopcellmoving",{"_index":208,"name":{"356":{}},"parent":{}}],["style",{"_index":337,"name":{"592":{},"987":{}},"parent":{}}],["styleoption",{"_index":111,"name":{"134":{}},"parent":{}}],["stylepropertyfunctionarg",{"_index":327,"name":{"581":{}},"parent":{}}],["svg",{"_index":311,"name":{"557":{}},"parent":{}}],["svgicon",{"_index":310,"name":{"556":{}},"parent":{}}],["tagname",{"_index":66,"name":{"61":{},"540":{}},"parent":{}}],["testfontload",{"_index":462,"name":{"786":{}},"parent":{}}],["text",{"_index":455,"name":{"776":{}},"parent":{}}],["textalign",{"_index":97,"name":{"97":{},"110":{},"126":{},"144":{},"158":{},"170":{},"184":{},"200":{},"217":{},"232":{},"243":{},"272":{},"290":{}},"parent":{}}],["textbaseline",{"_index":99,"name":{"98":{},"111":{},"127":{},"145":{},"159":{},"171":{},"185":{},"201":{},"218":{},"233":{},"244":{},"273":{},"291":{}},"parent":{}}],["textoverflow",{"_index":105,"name":{"109":{},"125":{},"143":{},"157":{},"199":{},"216":{},"231":{},"271":{},"289":{},"579":{}},"parent":{}}],["theme",{"_index":420,"name":{"680":{},"775":{},"876":{},"966":{}},"parent":{}}],["themedefine",{"_index":268,"name":{"487":{}},"parent":{}}],["themes",{"_index":7,"name":{"7":{}},"parent":{}}],["toboxpixelarray",{"_index":458,"name":{"782":{}},"parent":{}}],["tocurrentcontext",{"_index":467,"name":{"792":{}},"parent":{}}],["tools",{"_index":3,"name":{"3":{},"864":{}},"parent":{}}],["top",{"_index":30,"name":{"29":{}},"parent":{}}],["topleftcolor",{"_index":290,"name":{"527":{}},"parent":{}}],["topleftsize",{"_index":291,"name":{"528":{}},"parent":{}}],["toprightcolor",{"_index":292,"name":{"529":{}},"parent":{}}],["toprightsize",{"_index":293,"name":{"530":{}},"parent":{}}],["toprow",{"_index":366,"name":{"624":{},"722":{},"847":{},"946":{}},"parent":{}}],["touchcellevent",{"_index":202,"name":{"351":{}},"parent":{}}],["touchstart_cell",{"_index":235,"name":{"381":{},"406":{},"440":{},"469":{}},"parent":{}}],["trimonpaste",{"_index":360,"name":{"618":{},"716":{},"817":{},"916":{},"979":{}},"parent":{}}],["type",{"_index":176,"name":{"319":{},"324":{},"597":{}},"parent":{}}],["types",{"_index":12,"name":{"12":{}},"parent":{"13":{},"14":{},"15":{},"16":{},"17":{},"18":{},"19":{},"20":{},"21":{},"22":{},"23":{},"24":{},"26":{},"33":{},"34":{},"37":{},"40":{},"42":{},"44":{},"47":{},"48":{},"49":{},"51":{},"54":{},"57":{},"60":{},"67":{},"72":{},"76":{},"77":{},"78":{},"79":{},"80":{},"89":{},"96":{},"105":{},"118":{},"134":{},"135":{},"152":{},"166":{},"178":{},"192":{},"208":{},"209":{},"225":{},"226":{},"240":{},"251":{},"252":{},"264":{},"280":{},"298":{},"299":{},"300":{},"301":{},"303":{},"305":{},"308":{},"311":{},"312":{},"317":{},"322":{},"330":{},"332":{},"337":{},"338":{},"341":{},"342":{},"343":{},"345":{},"346":{},"347":{},"348":{},"349":{},"350":{},"351":{},"352":{},"357":{},"361":{},"362":{},"363":{},"364":{},"367":{},"368":{},"369":{},"394":{},"419":{},"420":{},"421":{},"424":{},"453":{},"482":{},"486":{},"487":{},"535":{},"536":{},"547":{},"551":{},"556":{},"560":{},"564":{},"565":{},"566":{},"571":{},"574":{},"577":{},"578":{},"579":{},"580":{},"581":{},"586":{},"587":{},"588":{},"589":{},"590":{},"595":{},"596":{},"600":{},"601":{},"602":{},"604":{},"609":{},"664":{},"672":{},"676":{},"677":{},"761":{},"762":{},"765":{},"766":{},"774":{},"788":{},"797":{}}}],["types.actionlistener",{"_index":163,"name":{},"parent":{"304":{}}}],["types.actionoption",{"_index":166,"name":{},"parent":{"306":{},"307":{}}}],["types.anyfunction",{"_index":25,"name":{},"parent":{"25":{}}}],["types.baseactionoption",{"_index":161,"name":{},"parent":{"302":{}}}],["types.basecolumnoption",{"_index":55,"name":{},"parent":{"50":{}}}],["types.basestyleoption",{"_index":95,"name":{},"parent":{"90":{},"91":{},"92":{},"93":{},"94":{},"95":{}}}],["types.branchgraphcolumnoption",{"_index":78,"name":{},"parent":{"73":{},"74":{},"75":{}}}],["types.branchgraphstyleoption",{"_index":144,"name":{},"parent":{"253":{},"254":{},"255":{},"256":{},"257":{},"258":{},"259":{},"260":{},"261":{},"262":{},"263":{}}}],["types.buttoncolumnoption",{"_index":61,"name":{},"parent":{"55":{},"56":{}}}],["types.buttonstyleoption",{"_index":117,"name":{},"parent":{"153":{},"154":{},"155":{},"156":{},"157":{},"158":{},"159":{},"160":{},"161":{},"162":{},"163":{},"164":{},"165":{}}}],["types.celladdress",{"_index":37,"name":{},"parent":{"35":{},"36":{}}}],["types.cellcontext",{"_index":465,"name":{},"parent":{"789":{},"790":{},"791":{},"792":{},"793":{},"794":{},"795":{},"796":{}}}],["types.cellrange",{"_index":41,"name":{},"parent":{"38":{},"39":{}}}],["types.checkheaderstyleoption",{"_index":129,"name":{},"parent":{"193":{},"194":{},"195":{},"196":{},"197":{},"198":{},"199":{},"200":{},"201":{},"202":{},"203":{},"204":{},"205":{},"206":{},"207":{}}}],["types.checkstyleoption",{"_index":120,"name":{},"parent":{"167":{},"168":{},"169":{},"170":{},"171":{},"172":{},"173":{},"174":{},"175":{},"176":{},"177":{}}}],["types.columnactionapi",{"_index":445,"name":{},"parent":{"763":{},"764":{}}}],["types.columnmenuitemoption",{"_index":319,"name":{},"parent":{"567":{},"568":{},"569":{},"570":{}}}],["types.columnstyle",{"_index":86,"name":{},"parent":{"81":{},"82":{},"83":{},"84":{},"85":{},"86":{},"87":{},"88":{}}}],["types.datasourceapi",{"_index":408,"name":{},"parent":{"665":{},"666":{},"667":{},"668":{},"669":{},"670":{},"671":{}}}],["types.drawgridapi",{"_index":355,"name":{},"parent":{"610":{},"611":{},"612":{},"613":{},"614":{},"615":{},"616":{},"617":{},"618":{},"619":{},"620":{},"621":{},"622":{},"623":{},"624":{},"625":{},"626":{},"627":{},"628":{},"629":{},"630":{},"631":{},"632":{},"633":{},"634":{},"635":{},"636":{},"637":{},"638":{},"639":{},"640":{},"641":{},"642":{},"643":{},"644":{},"645":{},"646":{},"647":{},"648":{},"649":{},"650":{},"651":{},"652":{},"653":{},"654":{},"655":{},"656":{},"657":{},"658":{},"659":{},"660":{},"661":{},"662":{},"663":{}}}],["types.drawgrideventhandlerseventmap",{"_index":224,"name":{},"parent":{"370":{},"371":{},"372":{},"373":{},"374":{},"375":{},"376":{},"377":{},"378":{},"379":{},"380":{},"381":{},"382":{},"383":{},"384":{},"385":{},"386":{},"387":{},"388":{},"389":{},"390":{},"391":{},"392":{},"393":{}}}],["types.drawgrideventhandlersreturnmap",{"_index":249,"name":{},"parent":{"395":{},"396":{},"397":{},"398":{},"399":{},"400":{},"401":{},"402":{},"403":{},"404":{},"405":{},"406":{},"407":{},"408":{},"409":{},"410":{},"411":{},"412":{},"413":{},"414":{},"415":{},"416":{},"417":{},"418":{}}}],["types.drawgridkeyboardmovecellfunction",{"_index":347,"name":{},"parent":{"603":{}}}],["types.drawgridkeyboardoptions",{"_index":350,"name":{},"parent":{"605":{},"606":{},"607":{},"608":{}}}],["types.editoroption",{"_index":169,"name":{},"parent":{"309":{},"310":{}}}],["types.fieldassessor",{"_index":49,"name":{},"parent":{"45":{},"46":{}}}],["types.fieldgetter",{"_index":44,"name":{},"parent":{"41":{}}}],["types.fieldsetter",{"_index":46,"name":{},"parent":{"43":{}}}],["types.fonticon",{"_index":300,"name":{},"parent":{"537":{},"538":{},"539":{},"540":{},"541":{},"542":{},"543":{},"544":{},"545":{},"546":{}}}],["types.getradioeditorgroup",{"_index":183,"name":{},"parent":{"331":{}}}],["types.gridcanvashelperapi",{"_index":454,"name":{},"parent":{"775":{},"776":{},"777":{},"778":{},"779":{},"780":{},"781":{},"782":{},"783":{},"784":{},"785":{},"786":{},"787":{}}}],["types.headerstdstyleoption",{"_index":114,"name":{},"parent":{"136":{},"137":{},"138":{},"139":{},"140":{},"141":{},"142":{},"143":{},"144":{},"145":{},"146":{},"147":{},"148":{},"149":{},"150":{},"151":{}}}],["types.iconcolumnoption",{"_index":67,"name":{},"parent":{"61":{},"62":{},"63":{},"64":{},"65":{},"66":{}}}],["types.icondefine",{"_index":266,"name":{},"parent":{"483":{},"484":{},"485":{}}}],["types.imageicon",{"_index":306,"name":{},"parent":{"548":{},"549":{},"550":{}}}],["types.imagestyleoption",{"_index":139,"name":{},"parent":{"241":{},"242":{},"243":{},"244":{},"245":{},"246":{},"247":{},"248":{},"249":{},"250":{}}}],["types.indicatorobject",{"_index":336,"name":{},"parent":{"591":{}}}],["types.indicatorobject.__type",{"_index":338,"name":{},"parent":{"592":{},"593":{},"594":{}}}],["types.inlineapi",{"_index":448,"name":{},"parent":{"767":{},"768":{},"769":{},"770":{},"771":{},"772":{},"773":{}}}],["types.inlineinputeditoroption",{"_index":175,"name":{},"parent":{"318":{},"319":{},"320":{},"321":{}}}],["types.inlinemenueditoroption",{"_index":173,"name":{},"parent":{"313":{},"314":{},"315":{},"316":{}}}],["types.keyboardeventlistener",{"_index":195,"name":{},"parent":{"344":{}}}],["types.keydownevent",{"_index":204,"name":{},"parent":{"353":{}}}],["types.keydownevent.__type",{"_index":206,"name":{},"parent":{"354":{},"355":{},"356":{}}}],["types.listgridapi",{"_index":419,"name":{},"parent":{"678":{},"679":{},"680":{},"681":{},"682":{},"683":{},"684":{},"685":{},"686":{},"687":{},"688":{},"689":{},"690":{},"691":{},"692":{},"693":{},"694":{},"695":{},"696":{},"697":{},"698":{},"699":{},"700":{},"701":{},"702":{},"703":{},"704":{},"705":{},"706":{},"707":{},"708":{},"709":{},"710":{},"711":{},"712":{},"713":{},"714":{},"715":{},"716":{},"717":{},"718":{},"719":{},"720":{},"721":{},"722":{},"723":{},"724":{},"725":{},"726":{},"727":{},"728":{},"729":{},"730":{},"731":{},"732":{},"733":{},"734":{},"735":{},"736":{},"737":{},"738":{},"739":{},"740":{},"741":{},"742":{},"743":{},"744":{},"745":{},"746":{},"747":{},"748":{},"749":{},"750":{},"751":{},"752":{},"753":{},"754":{},"755":{},"756":{},"757":{},"758":{},"759":{},"760":{}}}],["types.listgrideventhandlerseventmap",{"_index":258,"name":{},"parent":{"425":{},"426":{},"427":{},"428":{},"429":{},"430":{},"431":{},"432":{},"433":{},"434":{},"435":{},"436":{},"437":{},"438":{},"439":{},"440":{},"441":{},"442":{},"443":{},"444":{},"445":{},"446":{},"447":{},"448":{},"449":{},"450":{},"451":{},"452":{}}}],["types.listgrideventhandlersreturnmap",{"_index":263,"name":{},"parent":{"454":{},"455":{},"456":{},"457":{},"458":{},"459":{},"460":{},"461":{},"462":{},"463":{},"464":{},"465":{},"466":{},"467":{},"468":{},"469":{},"470":{},"471":{},"472":{},"473":{},"474":{},"475":{},"476":{},"477":{},"478":{},"479":{},"480":{},"481":{}}}],["types.menucolumnoption",{"_index":64,"name":{},"parent":{"58":{},"59":{}}}],["types.menustyleoption",{"_index":136,"name":{},"parent":{"227":{},"228":{},"229":{},"230":{},"231":{},"232":{},"233":{},"234":{},"235":{},"236":{},"237":{},"238":{},"239":{}}}],["types.messageobject",{"_index":342,"name":{},"parent":{"597":{},"598":{},"599":{}}}],["types.multilinetextstyleoption",{"_index":132,"name":{},"parent":{"210":{},"211":{},"212":{},"213":{},"214":{},"215":{},"216":{},"217":{},"218":{},"219":{},"220":{},"221":{},"222":{},"223":{},"224":{}}}],["types.namedicon",{"_index":314,"name":{},"parent":{"561":{},"562":{},"563":{}}}],["types.numbercolumnoption",{"_index":58,"name":{},"parent":{"52":{},"53":{}}}],["types.oldsimplecolumnmenuitemoption",{"_index":325,"name":{},"parent":{"575":{},"576":{}}}],["types.pasterangeboxvalues",{"_index":211,"name":{},"parent":{"358":{},"359":{},"360":{}}}],["types.pasterejectedvaluesevent",{"_index":253,"name":{},"parent":{"422":{}}}],["types.pasterejectedvaluesevent.__type",{"_index":255,"name":{},"parent":{"423":{}}}],["types.pathicon",{"_index":309,"name":{},"parent":{"552":{},"553":{},"554":{},"555":{}}}],["types.percentcompletebarcolumnoption",{"_index":74,"name":{},"parent":{"68":{},"69":{},"70":{},"71":{}}}],["types.percentcompletebarstyleoption",{"_index":150,"name":{},"parent":{"265":{},"266":{},"267":{},"268":{},"269":{},"270":{},"271":{},"272":{},"273":{},"274":{},"275":{},"276":{},"277":{},"278":{},"279":{}}}],["types.radioeditoroption",{"_index":186,"name":{},"parent":{"333":{},"334":{},"335":{},"336":{}}}],["types.radiostyleoption",{"_index":125,"name":{},"parent":{"179":{},"180":{},"181":{},"182":{},"183":{},"184":{},"185":{},"186":{},"187":{},"188":{},"189":{},"190":{},"191":{}}}],["types.rectprops",{"_index":28,"name":{},"parent":{"27":{},"28":{},"29":{},"30":{},"31":{},"32":{}}}],["types.scrollevent",{"_index":218,"name":{},"parent":{"365":{}}}],["types.scrollevent.__type",{"_index":219,"name":{},"parent":{"366":{}}}],["types.selection",{"_index":473,"name":{},"parent":{"798":{},"799":{}}}],["types.simplecolumnmenuitemoption",{"_index":323,"name":{},"parent":{"572":{},"573":{}}}],["types.smalldialoginputeditoroption",{"_index":178,"name":{},"parent":{"323":{},"324":{},"325":{},"326":{},"327":{},"328":{},"329":{}}}],["types.sortheaderactionoption",{"_index":191,"name":{},"parent":{"339":{},"340":{}}}],["types.sortheaderstyleoption",{"_index":155,"name":{},"parent":{"281":{},"282":{},"283":{},"284":{},"285":{},"286":{},"287":{},"288":{},"289":{},"290":{},"291":{},"292":{},"293":{},"294":{},"295":{},"296":{},"297":{}}}],["types.sortstate",{"_index":414,"name":{},"parent":{"673":{},"674":{},"675":{}}}],["types.stdbasestyleoption",{"_index":98,"name":{},"parent":{"97":{},"98":{},"99":{},"100":{},"101":{},"102":{},"103":{},"104":{}}}],["types.stdmultilinetextbasestyleoption",{"_index":108,"name":{},"parent":{"119":{},"120":{},"121":{},"122":{},"123":{},"124":{},"125":{},"126":{},"127":{},"128":{},"129":{},"130":{},"131":{},"132":{},"133":{}}}],["types.stdtextbasestyleoption",{"_index":102,"name":{},"parent":{"106":{},"107":{},"108":{},"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{},"116":{},"117":{}}}],["types.stylepropertyfunctionarg",{"_index":328,"name":{},"parent":{"582":{},"583":{},"584":{},"585":{}}}],["types.svgicon",{"_index":312,"name":{},"parent":{"557":{},"558":{},"559":{}}}],["types.themedefine",{"_index":269,"name":{},"parent":{"488":{},"489":{},"490":{},"491":{},"492":{},"493":{},"494":{},"495":{},"496":{},"497":{},"498":{},"499":{},"500":{},"504":{},"505":{},"511":{},"512":{},"515":{},"516":{},"518":{},"519":{},"525":{},"526":{}}}],["types.themedefine.__type",{"_index":279,"name":{},"parent":{"501":{},"502":{},"503":{},"506":{},"507":{},"508":{},"509":{},"510":{},"513":{},"514":{},"517":{},"520":{},"521":{},"522":{},"523":{},"524":{},"527":{},"528":{},"529":{},"530":{},"531":{},"532":{},"533":{},"534":{}}}],["uncheckbgcolor",{"_index":119,"name":{"167":{},"182":{},"193":{},"501":{},"509":{}},"parent":{}}],["uncheckbordercolor",{"_index":126,"name":{"180":{},"507":{}},"parent":{}}],["underlaybackgroundcolor",{"_index":270,"name":{"489":{},"617":{},"715":{},"816":{},"879":{},"975":{}},"parent":{}}],["unlisten",{"_index":479,"name":{"859":{},"956":{},"1039":{},"1060":{},"1081":{}},"parent":{}}],["updatescroll",{"_index":376,"name":{"634":{},"731":{},"821":{},"920":{}},"parent":{}}],["updatesize",{"_index":375,"name":{"633":{},"730":{},"820":{},"919":{}},"parent":{}}],["validator",{"_index":181,"name":{"327":{}},"parent":{}}],["value",{"_index":318,"name":{"567":{},"572":{},"575":{}},"parent":{}}],["visibility",{"_index":87,"name":{"82":{},"91":{},"100":{},"113":{},"129":{},"147":{},"161":{},"173":{},"187":{},"203":{},"220":{},"235":{},"246":{},"259":{},"275":{},"293":{},"578":{}},"parent":{}}],["visiblecolcount",{"_index":365,"name":{"623":{},"721":{},"846":{},"945":{}},"parent":{}}],["visiblerowcount",{"_index":364,"name":{"622":{},"720":{},"845":{},"944":{}},"parent":{}}],["warnbgcolor",{"_index":286,"name":{"522":{}},"parent":{}}],["width",{"_index":32,"name":{"31":{},"484":{},"542":{},"549":{},"553":{},"558":{},"562":{},"767":{},"989":{},"1000":{},"1012":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
diff --git a/documents/tsdoc/assets/style.css b/documents/tsdoc/assets/style.css
new file mode 100644
index 000000000..28f90b673
--- /dev/null
+++ b/documents/tsdoc/assets/style.css
@@ -0,0 +1,1388 @@
+@import url("./icons.css");
+
+:root {
+ /* Light */
+ --light-color-background: #fcfcfc;
+ --light-color-secondary-background: #fff;
+ --light-color-text: #222;
+ --light-color-text-aside: #707070;
+ --light-color-link: #4da6ff;
+ --light-color-menu-divider: #eee;
+ --light-color-menu-divider-focus: #000;
+ --light-color-menu-label: #707070;
+ --light-color-panel: var(--light-color-secondary-background);
+ --light-color-panel-divider: #eee;
+ --light-color-comment-tag: #707070;
+ --light-color-comment-tag-text: #fff;
+ --light-color-ts: #9600ff;
+ --light-color-ts-interface: #647f1b;
+ --light-color-ts-enum: #937210;
+ --light-color-ts-class: #0672de;
+ --light-color-ts-private: #707070;
+ --light-color-toolbar: #fff;
+ --light-color-toolbar-text: #333;
+ --light-icon-filter: invert(0);
+ --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
+
+ /* Dark */
+ --dark-color-background: #36393f;
+ --dark-color-secondary-background: #2f3136;
+ --dark-color-text: #ffffff;
+ --dark-color-text-aside: #e6e4e4;
+ --dark-color-link: #00aff4;
+ --dark-color-menu-divider: #eee;
+ --dark-color-menu-divider-focus: #000;
+ --dark-color-menu-label: #707070;
+ --dark-color-panel: var(--dark-color-secondary-background);
+ --dark-color-panel-divider: #818181;
+ --dark-color-comment-tag: #dcddde;
+ --dark-color-comment-tag-text: #2f3136;
+ --dark-color-ts: #c97dff;
+ --dark-color-ts-interface: #9cbe3c;
+ --dark-color-ts-enum: #d6ab29;
+ --dark-color-ts-class: #3695f3;
+ --dark-color-ts-private: #e2e2e2;
+ --dark-color-toolbar: #34373c;
+ --dark-color-toolbar-text: #ffffff;
+ --dark-icon-filter: invert(1);
+ --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ --color-background: var(--light-color-background);
+ --color-secondary-background: var(--light-color-secondary-background);
+ --color-text: var(--light-color-text);
+ --color-text-aside: var(--light-color-text-aside);
+ --color-link: var(--light-color-link);
+ --color-menu-divider: var(--light-color-menu-divider);
+ --color-menu-divider-focus: var(--light-color-menu-divider-focus);
+ --color-menu-label: var(--light-color-menu-label);
+ --color-panel: var(--light-color-panel);
+ --color-panel-divider: var(--light-color-panel-divider);
+ --color-comment-tag: var(--light-color-comment-tag);
+ --color-comment-tag-text: var(--light-color-comment-tag-text);
+ --color-ts: var(--light-color-ts);
+ --color-ts-interface: var(--light-color-ts-interface);
+ --color-ts-enum: var(--light-color-ts-enum);
+ --color-ts-class: var(--light-color-ts-class);
+ --color-ts-private: var(--light-color-ts-private);
+ --color-toolbar: var(--light-color-toolbar);
+ --color-toolbar-text: var(--light-color-toolbar-text);
+ --icon-filter: var(--light-icon-filter);
+ --external-icon: var(--light-external-icon);
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --color-background: var(--dark-color-background);
+ --color-secondary-background: var(--dark-color-secondary-background);
+ --color-text: var(--dark-color-text);
+ --color-text-aside: var(--dark-color-text-aside);
+ --color-link: var(--dark-color-link);
+ --color-menu-divider: var(--dark-color-menu-divider);
+ --color-menu-divider-focus: var(--dark-color-menu-divider-focus);
+ --color-menu-label: var(--dark-color-menu-label);
+ --color-panel: var(--dark-color-panel);
+ --color-panel-divider: var(--dark-color-panel-divider);
+ --color-comment-tag: var(--dark-color-comment-tag);
+ --color-comment-tag-text: var(--dark-color-comment-tag-text);
+ --color-ts: var(--dark-color-ts);
+ --color-ts-interface: var(--dark-color-ts-interface);
+ --color-ts-enum: var(--dark-color-ts-enum);
+ --color-ts-class: var(--dark-color-ts-class);
+ --color-ts-private: var(--dark-color-ts-private);
+ --color-toolbar: var(--dark-color-toolbar);
+ --color-toolbar-text: var(--dark-color-toolbar-text);
+ --icon-filter: var(--dark-icon-filter);
+ --external-icon: var(--dark-external-icon);
+ }
+}
+
+body {
+ margin: 0;
+}
+
+body.light {
+ --color-background: var(--light-color-background);
+ --color-secondary-background: var(--light-color-secondary-background);
+ --color-text: var(--light-color-text);
+ --color-text-aside: var(--light-color-text-aside);
+ --color-link: var(--light-color-link);
+ --color-menu-divider: var(--light-color-menu-divider);
+ --color-menu-divider-focus: var(--light-color-menu-divider-focus);
+ --color-menu-label: var(--light-color-menu-label);
+ --color-panel: var(--light-color-panel);
+ --color-panel-divider: var(--light-color-panel-divider);
+ --color-comment-tag: var(--light-color-comment-tag);
+ --color-comment-tag-text: var(--light-color-comment-tag-text);
+ --color-ts: var(--light-color-ts);
+ --color-ts-interface: var(--light-color-ts-interface);
+ --color-ts-enum: var(--light-color-ts-enum);
+ --color-ts-class: var(--light-color-ts-class);
+ --color-ts-private: var(--light-color-ts-private);
+ --color-toolbar: var(--light-color-toolbar);
+ --color-toolbar-text: var(--light-color-toolbar-text);
+ --icon-filter: var(--light-icon-filter);
+ --external-icon: var(--light-external-icon);
+}
+
+body.dark {
+ --color-background: var(--dark-color-background);
+ --color-secondary-background: var(--dark-color-secondary-background);
+ --color-text: var(--dark-color-text);
+ --color-text-aside: var(--dark-color-text-aside);
+ --color-link: var(--dark-color-link);
+ --color-menu-divider: var(--dark-color-menu-divider);
+ --color-menu-divider-focus: var(--dark-color-menu-divider-focus);
+ --color-menu-label: var(--dark-color-menu-label);
+ --color-panel: var(--dark-color-panel);
+ --color-panel-divider: var(--dark-color-panel-divider);
+ --color-comment-tag: var(--dark-color-comment-tag);
+ --color-comment-tag-text: var(--dark-color-comment-tag-text);
+ --color-ts: var(--dark-color-ts);
+ --color-ts-interface: var(--dark-color-ts-interface);
+ --color-ts-enum: var(--dark-color-ts-enum);
+ --color-ts-class: var(--dark-color-ts-class);
+ --color-ts-private: var(--dark-color-ts-private);
+ --color-toolbar: var(--dark-color-toolbar);
+ --color-toolbar-text: var(--dark-color-toolbar-text);
+ --icon-filter: var(--dark-icon-filter);
+ --external-icon: var(--dark-external-icon);
+}
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4,
+.tsd-index-panel h3 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 40px;
+}
+@media (max-width: 640px) {
+ .container {
+ padding: 0 20px;
+ }
+}
+
+.container-main {
+ padding-bottom: 200px;
+}
+
+.row {
+ display: flex;
+ position: relative;
+ margin: 0 -10px;
+}
+.row:after {
+ visibility: hidden;
+ display: block;
+ content: "";
+ clear: both;
+ height: 0;
+}
+
+.col-4,
+.col-8 {
+ box-sizing: border-box;
+ float: left;
+ padding: 0 10px;
+}
+
+.col-4 {
+ width: 33.3333333333%;
+}
+.col-8 {
+ width: 66.6666666667%;
+}
+
+ul.tsd-descriptions > li > :first-child,
+.tsd-panel > :first-child,
+.col-8 > :first-child,
+.col-4 > :first-child,
+ul.tsd-descriptions > li > :first-child > :first-child,
+.tsd-panel > :first-child > :first-child,
+.col-8 > :first-child > :first-child,
+.col-4 > :first-child > :first-child,
+ul.tsd-descriptions > li > :first-child > :first-child > :first-child,
+.tsd-panel > :first-child > :first-child > :first-child,
+.col-8 > :first-child > :first-child > :first-child,
+.col-4 > :first-child > :first-child > :first-child {
+ margin-top: 0;
+}
+ul.tsd-descriptions > li > :last-child,
+.tsd-panel > :last-child,
+.col-8 > :last-child,
+.col-4 > :last-child,
+ul.tsd-descriptions > li > :last-child > :last-child,
+.tsd-panel > :last-child > :last-child,
+.col-8 > :last-child > :last-child,
+.col-4 > :last-child > :last-child,
+ul.tsd-descriptions > li > :last-child > :last-child > :last-child,
+.tsd-panel > :last-child > :last-child > :last-child,
+.col-8 > :last-child > :last-child > :last-child,
+.col-4 > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+}
+
+@keyframes fade-in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes fade-out {
+ from {
+ opacity: 1;
+ visibility: visible;
+ }
+ to {
+ opacity: 0;
+ }
+}
+@keyframes fade-in-delayed {
+ 0% {
+ opacity: 0;
+ }
+ 33% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes fade-out-delayed {
+ 0% {
+ opacity: 1;
+ visibility: visible;
+ }
+ 66% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes shift-to-left {
+ from {
+ transform: translate(0, 0);
+ }
+ to {
+ transform: translate(-25%, 0);
+ }
+}
+@keyframes unshift-to-left {
+ from {
+ transform: translate(-25%, 0);
+ }
+ to {
+ transform: translate(0, 0);
+ }
+}
+@keyframes pop-in-from-right {
+ from {
+ transform: translate(100%, 0);
+ }
+ to {
+ transform: translate(0, 0);
+ }
+}
+@keyframes pop-out-to-right {
+ from {
+ transform: translate(0, 0);
+ visibility: visible;
+ }
+ to {
+ transform: translate(100%, 0);
+ }
+}
+body {
+ background: var(--color-background);
+ font-family: "Segoe UI", sans-serif;
+ font-size: 16px;
+ color: var(--color-text);
+}
+
+a {
+ color: var(--color-link);
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
+a.external[target="_blank"] {
+ background-image: var(--external-icon);
+ background-position: top 3px right;
+ background-repeat: no-repeat;
+ padding-right: 13px;
+}
+
+code,
+pre {
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+ padding: 0.2em;
+ margin: 0;
+ font-size: 14px;
+}
+
+pre {
+ padding: 10px;
+}
+pre code {
+ padding: 0;
+ font-size: 100%;
+}
+
+blockquote {
+ margin: 1em 0;
+ padding-left: 1em;
+ border-left: 4px solid gray;
+}
+
+.tsd-typography {
+ line-height: 1.333em;
+}
+.tsd-typography ul {
+ list-style: square;
+ padding: 0 0 0 20px;
+ margin: 0;
+}
+.tsd-typography h4,
+.tsd-typography .tsd-index-panel h3,
+.tsd-index-panel .tsd-typography h3,
+.tsd-typography h5,
+.tsd-typography h6 {
+ font-size: 1em;
+ margin: 0;
+}
+.tsd-typography h5,
+.tsd-typography h6 {
+ font-weight: normal;
+}
+.tsd-typography p,
+.tsd-typography ul,
+.tsd-typography ol {
+ margin: 1em 0;
+}
+
+@media (min-width: 901px) and (max-width: 1024px) {
+ html .col-content {
+ width: 72%;
+ }
+ html .col-menu {
+ width: 28%;
+ }
+ html .tsd-navigation {
+ padding-left: 10px;
+ }
+}
+@media (max-width: 900px) {
+ html .col-content {
+ float: none;
+ width: 100%;
+ }
+ html .col-menu {
+ position: fixed !important;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ z-index: 1024;
+ top: 0 !important;
+ bottom: 0 !important;
+ left: auto !important;
+ right: 0 !important;
+ width: 100%;
+ padding: 20px 20px 0 0;
+ max-width: 450px;
+ visibility: hidden;
+ background-color: var(--color-panel);
+ transform: translate(100%, 0);
+ }
+ html .col-menu > *:last-child {
+ padding-bottom: 20px;
+ }
+ html .overlay {
+ content: "";
+ display: block;
+ position: fixed;
+ z-index: 1023;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.75);
+ visibility: hidden;
+ }
+
+ .to-has-menu .overlay {
+ animation: fade-in 0.4s;
+ }
+
+ .to-has-menu :is(header, footer, .col-content) {
+ animation: shift-to-left 0.4s;
+ }
+
+ .to-has-menu .col-menu {
+ animation: pop-in-from-right 0.4s;
+ }
+
+ .from-has-menu .overlay {
+ animation: fade-out 0.4s;
+ }
+
+ .from-has-menu :is(header, footer, .col-content) {
+ animation: unshift-to-left 0.4s;
+ }
+
+ .from-has-menu .col-menu {
+ animation: pop-out-to-right 0.4s;
+ }
+
+ .has-menu body {
+ overflow: hidden;
+ }
+ .has-menu .overlay {
+ visibility: visible;
+ }
+ .has-menu :is(header, footer, .col-content) {
+ transform: translate(-25%, 0);
+ }
+ .has-menu .col-menu {
+ visibility: visible;
+ transform: translate(0, 0);
+ display: grid;
+ grid-template-rows: auto 1fr;
+ max-height: 100vh;
+ }
+ .has-menu .tsd-navigation {
+ max-height: 100%;
+ }
+}
+
+.tsd-page-title {
+ padding: 70px 0 20px 0;
+ margin: 0 0 40px 0;
+ background: var(--color-panel);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
+}
+.tsd-page-title h1 {
+ margin: 0;
+}
+
+.tsd-breadcrumb {
+ margin: 0;
+ padding: 0;
+ color: var(--color-text-aside);
+}
+.tsd-breadcrumb a {
+ color: var(--color-text-aside);
+ text-decoration: none;
+}
+.tsd-breadcrumb a:hover {
+ text-decoration: underline;
+}
+.tsd-breadcrumb li {
+ display: inline;
+}
+.tsd-breadcrumb li:after {
+ content: " / ";
+}
+
+dl.tsd-comment-tags {
+ overflow: hidden;
+}
+dl.tsd-comment-tags dt {
+ float: left;
+ padding: 1px 5px;
+ margin: 0 10px 0 0;
+ border-radius: 4px;
+ border: 1px solid var(--color-comment-tag);
+ color: var(--color-comment-tag);
+ font-size: 0.8em;
+ font-weight: normal;
+}
+dl.tsd-comment-tags dd {
+ margin: 0 0 10px 0;
+}
+dl.tsd-comment-tags dd:before,
+dl.tsd-comment-tags dd:after {
+ display: table;
+ content: " ";
+}
+dl.tsd-comment-tags dd pre,
+dl.tsd-comment-tags dd:after {
+ clear: both;
+}
+dl.tsd-comment-tags p {
+ margin: 0;
+}
+
+.tsd-panel.tsd-comment .lead {
+ font-size: 1.1em;
+ line-height: 1.333em;
+ margin-bottom: 2em;
+}
+.tsd-panel.tsd-comment .lead:last-child {
+ margin-bottom: 0;
+}
+
+.toggle-protected .tsd-is-private {
+ display: none;
+}
+
+.toggle-public .tsd-is-private,
+.toggle-public .tsd-is-protected,
+.toggle-public .tsd-is-private-protected {
+ display: none;
+}
+
+.toggle-inherited .tsd-is-inherited {
+ display: none;
+}
+
+.toggle-externals .tsd-is-external {
+ display: none;
+}
+
+#tsd-filter {
+ position: relative;
+ display: inline-block;
+ height: 40px;
+ vertical-align: bottom;
+}
+.no-filter #tsd-filter {
+ display: none;
+}
+#tsd-filter .tsd-filter-group {
+ display: inline-block;
+ height: 40px;
+ vertical-align: bottom;
+ white-space: nowrap;
+}
+#tsd-filter input {
+ display: none;
+}
+@media (max-width: 900px) {
+ #tsd-filter .tsd-filter-group {
+ display: block;
+ position: absolute;
+ top: 40px;
+ right: 20px;
+ height: auto;
+ background-color: var(--color-panel);
+ visibility: hidden;
+ transform: translate(50%, 0);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+ }
+ .has-options #tsd-filter .tsd-filter-group {
+ visibility: visible;
+ }
+ .to-has-options #tsd-filter .tsd-filter-group {
+ animation: fade-in 0.2s;
+ }
+ .from-has-options #tsd-filter .tsd-filter-group {
+ animation: fade-out 0.2s;
+ }
+ #tsd-filter label,
+ #tsd-filter .tsd-select {
+ display: block;
+ padding-right: 20px;
+ }
+}
+
+footer {
+ border-top: 1px solid var(--color-panel-divider);
+ background-color: var(--color-panel);
+}
+footer:after {
+ content: "";
+ display: table;
+}
+footer.with-border-bottom {
+ border-bottom: 1px solid var(--color-panel-divider);
+}
+footer .tsd-legend-group {
+ font-size: 0;
+}
+footer .tsd-legend {
+ display: inline-block;
+ width: 25%;
+ padding: 0;
+ font-size: 16px;
+ list-style: none;
+ line-height: 1.333em;
+ vertical-align: top;
+}
+@media (max-width: 900px) {
+ footer .tsd-legend {
+ width: 50%;
+ }
+}
+
+.tsd-hierarchy {
+ list-style: square;
+ padding: 0 0 0 20px;
+ margin: 0;
+}
+.tsd-hierarchy .target {
+ font-weight: bold;
+}
+
+.tsd-index-panel .tsd-index-content {
+ margin-bottom: -30px !important;
+}
+.tsd-index-panel .tsd-index-section {
+ margin-bottom: 30px !important;
+}
+.tsd-index-panel h3 {
+ margin: 0 -20px 10px -20px;
+ padding: 0 20px 10px 20px;
+ border-bottom: 1px solid var(--color-panel-divider);
+}
+.tsd-index-panel ul.tsd-index-list {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ -ms-column-count: 3;
+ -o-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 20px;
+ -moz-column-gap: 20px;
+ -ms-column-gap: 20px;
+ -o-column-gap: 20px;
+ column-gap: 20px;
+ padding: 0;
+ list-style: none;
+ line-height: 1.333em;
+}
+@media (max-width: 900px) {
+ .tsd-index-panel ul.tsd-index-list {
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ -ms-column-count: 1;
+ -o-column-count: 1;
+ column-count: 1;
+ }
+}
+@media (min-width: 901px) and (max-width: 1024px) {
+ .tsd-index-panel ul.tsd-index-list {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ -ms-column-count: 2;
+ -o-column-count: 2;
+ column-count: 2;
+ }
+}
+.tsd-index-panel ul.tsd-index-list li {
+ -webkit-page-break-inside: avoid;
+ -moz-page-break-inside: avoid;
+ -ms-page-break-inside: avoid;
+ -o-page-break-inside: avoid;
+ page-break-inside: avoid;
+}
+.tsd-index-panel a,
+.tsd-index-panel .tsd-parent-kind-module a {
+ color: var(--color-ts);
+}
+.tsd-index-panel .tsd-parent-kind-interface a {
+ color: var(--color-ts-interface);
+}
+.tsd-index-panel .tsd-parent-kind-enum a {
+ color: var(--color-ts-enum);
+}
+.tsd-index-panel .tsd-parent-kind-class a {
+ color: var(--color-ts-class);
+}
+.tsd-index-panel .tsd-kind-module a {
+ color: var(--color-ts);
+}
+.tsd-index-panel .tsd-kind-interface a {
+ color: var(--color-ts-interface);
+}
+.tsd-index-panel .tsd-kind-enum a {
+ color: var(--color-ts-enum);
+}
+.tsd-index-panel .tsd-kind-class a {
+ color: var(--color-ts-class);
+}
+.tsd-index-panel .tsd-is-private a {
+ color: var(--color-ts-private);
+}
+
+.tsd-flag {
+ display: inline-block;
+ padding: 1px 5px;
+ border-radius: 4px;
+ color: var(--color-comment-tag-text);
+ background-color: var(--color-comment-tag);
+ text-indent: 0;
+ font-size: 14px;
+ font-weight: normal;
+}
+
+.tsd-anchor {
+ position: absolute;
+ top: -100px;
+}
+
+.tsd-member {
+ position: relative;
+}
+.tsd-member .tsd-anchor + h3 {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-bottom: none;
+}
+.tsd-member [data-tsd-kind] {
+ color: var(--color-ts);
+}
+.tsd-member [data-tsd-kind="Interface"] {
+ color: var(--color-ts-interface);
+}
+.tsd-member [data-tsd-kind="Enum"] {
+ color: var(--color-ts-enum);
+}
+.tsd-member [data-tsd-kind="Class"] {
+ color: var(--color-ts-class);
+}
+.tsd-member [data-tsd-kind="Private"] {
+ color: var(--color-ts-private);
+}
+
+.tsd-navigation {
+ margin: 0 0 0 40px;
+}
+.tsd-navigation a {
+ display: block;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ border-left: 2px solid transparent;
+ color: var(--color-text);
+ text-decoration: none;
+ transition: border-left-color 0.1s;
+}
+.tsd-navigation a:hover {
+ text-decoration: underline;
+}
+.tsd-navigation ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.tsd-navigation li {
+ padding: 0;
+}
+
+.tsd-navigation.primary {
+ padding-bottom: 40px;
+}
+.tsd-navigation.primary a {
+ display: block;
+ padding-top: 6px;
+ padding-bottom: 6px;
+}
+.tsd-navigation.primary ul li a {
+ padding-left: 5px;
+}
+.tsd-navigation.primary ul li li a {
+ padding-left: 25px;
+}
+.tsd-navigation.primary ul li li li a {
+ padding-left: 45px;
+}
+.tsd-navigation.primary ul li li li li a {
+ padding-left: 65px;
+}
+.tsd-navigation.primary ul li li li li li a {
+ padding-left: 85px;
+}
+.tsd-navigation.primary ul li li li li li li a {
+ padding-left: 105px;
+}
+.tsd-navigation.primary > ul {
+ border-bottom: 1px solid var(--color-panel-divider);
+}
+.tsd-navigation.primary li {
+ border-top: 1px solid var(--color-panel-divider);
+}
+.tsd-navigation.primary li.current > a {
+ font-weight: bold;
+}
+.tsd-navigation.primary li.label span {
+ display: block;
+ padding: 20px 0 6px 5px;
+ color: var(--color-menu-label);
+}
+.tsd-navigation.primary li.globals + li > span,
+.tsd-navigation.primary li.globals + li > a {
+ padding-top: 20px;
+}
+
+.tsd-navigation.secondary {
+ max-height: calc(100vh - 1rem - 40px);
+ overflow: auto;
+ position: sticky;
+ top: calc(0.5rem + 40px);
+ transition: 0.3s;
+}
+.tsd-navigation.secondary.tsd-navigation--toolbar-hide {
+ max-height: calc(100vh - 1rem);
+ top: 0.5rem;
+}
+.tsd-navigation.secondary ul {
+ transition: opacity 0.2s;
+}
+.tsd-navigation.secondary ul li a {
+ padding-left: 25px;
+}
+.tsd-navigation.secondary ul li li a {
+ padding-left: 45px;
+}
+.tsd-navigation.secondary ul li li li a {
+ padding-left: 65px;
+}
+.tsd-navigation.secondary ul li li li li a {
+ padding-left: 85px;
+}
+.tsd-navigation.secondary ul li li li li li a {
+ padding-left: 105px;
+}
+.tsd-navigation.secondary ul li li li li li li a {
+ padding-left: 125px;
+}
+.tsd-navigation.secondary ul.current a {
+ border-left-color: var(--color-panel-divider);
+}
+.tsd-navigation.secondary li.focus > a,
+.tsd-navigation.secondary ul.current li.focus > a {
+ border-left-color: var(--color-menu-divider-focus);
+}
+.tsd-navigation.secondary li.current {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border-left-color: var(--color-panel-divider);
+}
+.tsd-navigation.secondary li.current > a {
+ font-weight: bold;
+}
+
+@media (min-width: 901px) {
+ .menu-sticky-wrap {
+ position: static;
+ }
+}
+
+.tsd-panel {
+ margin: 20px 0;
+ padding: 20px;
+ background-color: var(--color-panel);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+}
+.tsd-panel:empty {
+ display: none;
+}
+.tsd-panel > h1,
+.tsd-panel > h2,
+.tsd-panel > h3 {
+ margin: 1.5em -20px 10px -20px;
+ padding: 0 20px 10px 20px;
+ border-bottom: 1px solid var(--color-panel-divider);
+}
+.tsd-panel > h1.tsd-before-signature,
+.tsd-panel > h2.tsd-before-signature,
+.tsd-panel > h3.tsd-before-signature {
+ margin-bottom: 0;
+ border-bottom: 0;
+}
+.tsd-panel table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ margin-top: 10px;
+ word-break: normal;
+ word-break: keep-all;
+ border-collapse: collapse;
+}
+.tsd-panel table th {
+ font-weight: bold;
+}
+.tsd-panel table th,
+.tsd-panel table td {
+ padding: 6px 13px;
+ border: 1px solid var(--color-panel-divider);
+}
+.tsd-panel table tr {
+ background: var(--color-background);
+}
+.tsd-panel table tr:nth-child(even) {
+ background: var(--color-secondary-background);
+}
+
+.tsd-panel-group {
+ margin: 60px 0;
+}
+.tsd-panel-group > h1,
+.tsd-panel-group > h2,
+.tsd-panel-group > h3 {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+#tsd-search {
+ transition: background-color 0.2s;
+}
+#tsd-search .title {
+ position: relative;
+ z-index: 2;
+}
+#tsd-search .field {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 40px;
+ height: 40px;
+}
+#tsd-search .field input {
+ box-sizing: border-box;
+ position: relative;
+ top: -50px;
+ z-index: 1;
+ width: 100%;
+ padding: 0 10px;
+ opacity: 0;
+ outline: 0;
+ border: 0;
+ background: transparent;
+ color: var(--color-text);
+}
+#tsd-search .field label {
+ position: absolute;
+ overflow: hidden;
+ right: -40px;
+}
+#tsd-search .field input,
+#tsd-search .title {
+ transition: opacity 0.2s;
+}
+#tsd-search .results {
+ position: absolute;
+ visibility: hidden;
+ top: 40px;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+}
+#tsd-search .results li {
+ padding: 0 10px;
+ background-color: var(--color-background);
+}
+#tsd-search .results li:nth-child(even) {
+ background-color: var(--color-panel);
+}
+#tsd-search .results li.state {
+ display: none;
+}
+#tsd-search .results li.current,
+#tsd-search .results li:hover {
+ background-color: var(--color-panel-divider);
+}
+#tsd-search .results a {
+ display: block;
+}
+#tsd-search .results a:before {
+ top: 10px;
+}
+#tsd-search .results span.parent {
+ color: var(--color-text-aside);
+ font-weight: normal;
+}
+#tsd-search.has-focus {
+ background-color: var(--color-panel-divider);
+}
+#tsd-search.has-focus .field input {
+ top: 0;
+ opacity: 1;
+}
+#tsd-search.has-focus .title {
+ z-index: 0;
+ opacity: 0;
+}
+#tsd-search.has-focus .results {
+ visibility: visible;
+}
+#tsd-search.loading .results li.state.loading {
+ display: block;
+}
+#tsd-search.failure .results li.state.failure {
+ display: block;
+}
+
+.tsd-signature {
+ margin: 0 0 1em 0;
+ padding: 10px;
+ border: 1px solid var(--color-panel-divider);
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+ font-size: 14px;
+ overflow-x: auto;
+}
+.tsd-signature.tsd-kind-icon {
+ padding-left: 30px;
+}
+.tsd-signature.tsd-kind-icon:before {
+ top: 10px;
+ left: 10px;
+}
+.tsd-panel > .tsd-signature {
+ margin-left: -20px;
+ margin-right: -20px;
+ border-width: 1px 0;
+}
+.tsd-panel > .tsd-signature.tsd-kind-icon {
+ padding-left: 40px;
+}
+.tsd-panel > .tsd-signature.tsd-kind-icon:before {
+ left: 20px;
+}
+
+.tsd-signature-symbol {
+ color: var(--color-text-aside);
+ font-weight: normal;
+}
+
+.tsd-signature-type {
+ font-style: italic;
+ font-weight: normal;
+}
+
+.tsd-signatures {
+ padding: 0;
+ margin: 0 0 1em 0;
+ border: 1px solid var(--color-panel-divider);
+}
+.tsd-signatures .tsd-signature {
+ margin: 0;
+ border-width: 1px 0 0 0;
+ transition: background-color 0.1s;
+}
+.tsd-signatures .tsd-signature:first-child {
+ border-top-width: 0;
+}
+.tsd-signatures .tsd-signature.current {
+ background-color: var(--color-panel-divider);
+}
+.tsd-signatures.active > .tsd-signature {
+ cursor: pointer;
+}
+.tsd-panel > .tsd-signatures {
+ margin-left: -20px;
+ margin-right: -20px;
+ border-width: 1px 0;
+}
+.tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon {
+ padding-left: 40px;
+}
+.tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon:before {
+ left: 20px;
+}
+.tsd-panel > a.anchor + .tsd-signatures {
+ border-top-width: 0;
+ margin-top: -20px;
+}
+
+ul.tsd-descriptions {
+ position: relative;
+ overflow: hidden;
+ padding: 0;
+ list-style: none;
+}
+ul.tsd-descriptions.active > .tsd-description {
+ display: none;
+}
+ul.tsd-descriptions.active > .tsd-description.current {
+ display: block;
+}
+ul.tsd-descriptions.active > .tsd-description.fade-in {
+ animation: fade-in-delayed 0.3s;
+}
+ul.tsd-descriptions.active > .tsd-description.fade-out {
+ animation: fade-out-delayed 0.3s;
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ right: 0;
+ opacity: 0;
+ visibility: hidden;
+}
+ul.tsd-descriptions h4,
+ul.tsd-descriptions .tsd-index-panel h3,
+.tsd-index-panel ul.tsd-descriptions h3 {
+ font-size: 16px;
+ margin: 1em 0 0.5em 0;
+}
+
+ul.tsd-parameters,
+ul.tsd-type-parameters {
+ list-style: square;
+ margin: 0;
+ padding-left: 20px;
+}
+ul.tsd-parameters > li.tsd-parameter-signature,
+ul.tsd-type-parameters > li.tsd-parameter-signature {
+ list-style: none;
+ margin-left: -20px;
+}
+ul.tsd-parameters h5,
+ul.tsd-type-parameters h5 {
+ font-size: 16px;
+ margin: 1em 0 0.5em 0;
+}
+ul.tsd-parameters .tsd-comment,
+ul.tsd-type-parameters .tsd-comment {
+ margin-top: -0.5em;
+}
+
+.tsd-sources {
+ font-size: 14px;
+ color: var(--color-text-aside);
+ margin: 0 0 1em 0;
+}
+.tsd-sources a {
+ color: var(--color-text-aside);
+ text-decoration: underline;
+}
+.tsd-sources ul,
+.tsd-sources p {
+ margin: 0 !important;
+}
+.tsd-sources ul {
+ list-style: none;
+ padding: 0;
+}
+
+.tsd-page-toolbar {
+ position: fixed;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 40px;
+ color: var(--color-toolbar-text);
+ background: var(--color-toolbar);
+ border-bottom: 1px solid var(--color-panel-divider);
+ transition: transform 0.3s linear;
+}
+.tsd-page-toolbar a {
+ color: var(--color-toolbar-text);
+ text-decoration: none;
+}
+.tsd-page-toolbar a.title {
+ font-weight: bold;
+}
+.tsd-page-toolbar a.title:hover {
+ text-decoration: underline;
+}
+.tsd-page-toolbar .table-wrap {
+ display: table;
+ width: 100%;
+ height: 40px;
+}
+.tsd-page-toolbar .table-cell {
+ display: table-cell;
+ position: relative;
+ white-space: nowrap;
+ line-height: 40px;
+}
+.tsd-page-toolbar .table-cell:first-child {
+ width: 100%;
+}
+
+.tsd-page-toolbar--hide {
+ transform: translateY(-100%);
+}
+
+.tsd-select .tsd-select-list li:before,
+.tsd-select .tsd-select-label:before,
+.tsd-widget:before {
+ content: "";
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ margin: 0 -8px 0 0;
+ background-image: url(./widgets.png);
+ background-repeat: no-repeat;
+ text-indent: -1024px;
+ vertical-align: bottom;
+ filter: var(--icon-filter);
+}
+@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
+ .tsd-select .tsd-select-list li:before,
+ .tsd-select .tsd-select-label:before,
+ .tsd-widget:before {
+ background-image: url(./widgets@2x.png);
+ background-size: 320px 40px;
+ }
+}
+
+.tsd-widget {
+ display: inline-block;
+ overflow: hidden;
+ opacity: 0.8;
+ height: 40px;
+ transition: opacity 0.1s, background-color 0.2s;
+ vertical-align: bottom;
+ cursor: pointer;
+}
+.tsd-widget:hover {
+ opacity: 0.9;
+}
+.tsd-widget.active {
+ opacity: 1;
+ background-color: var(--color-panel-divider);
+}
+.tsd-widget.no-caption {
+ width: 40px;
+}
+.tsd-widget.no-caption:before {
+ margin: 0;
+}
+.tsd-widget.search:before {
+ background-position: 0 0;
+}
+.tsd-widget.menu:before {
+ background-position: -40px 0;
+}
+.tsd-widget.options:before {
+ background-position: -80px 0;
+}
+.tsd-widget.options,
+.tsd-widget.menu {
+ display: none;
+}
+@media (max-width: 900px) {
+ .tsd-widget.options,
+ .tsd-widget.menu {
+ display: inline-block;
+ }
+}
+input[type="checkbox"] + .tsd-widget:before {
+ background-position: -120px 0;
+}
+input[type="checkbox"]:checked + .tsd-widget:before {
+ background-position: -160px 0;
+}
+
+.tsd-select {
+ position: relative;
+ display: inline-block;
+ height: 40px;
+ transition: opacity 0.1s, background-color 0.2s;
+ vertical-align: bottom;
+ cursor: pointer;
+}
+.tsd-select .tsd-select-label {
+ opacity: 0.6;
+ transition: opacity 0.2s;
+}
+.tsd-select .tsd-select-label:before {
+ background-position: -240px 0;
+}
+.tsd-select.active .tsd-select-label {
+ opacity: 0.8;
+}
+.tsd-select.active .tsd-select-list {
+ visibility: visible;
+ opacity: 1;
+ transition-delay: 0s;
+}
+.tsd-select .tsd-select-list {
+ position: absolute;
+ visibility: hidden;
+ top: 40px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ opacity: 0;
+ list-style: none;
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
+ transition: visibility 0s 0.2s, opacity 0.2s;
+}
+.tsd-select .tsd-select-list li {
+ padding: 0 20px 0 0;
+ background-color: var(--color-background);
+}
+.tsd-select .tsd-select-list li:before {
+ background-position: 40px 0;
+}
+.tsd-select .tsd-select-list li:nth-child(even) {
+ background-color: var(--color-panel);
+}
+.tsd-select .tsd-select-list li:hover {
+ background-color: var(--color-panel-divider);
+}
+.tsd-select .tsd-select-list li.selected:before {
+ background-position: -200px 0;
+}
+@media (max-width: 900px) {
+ .tsd-select .tsd-select-list {
+ top: 0;
+ left: auto;
+ right: 100%;
+ margin-right: -5px;
+ }
+ .tsd-select .tsd-select-label:before {
+ background-position: -280px 0;
+ }
+}
+
+img {
+ max-width: 100%;
+}
diff --git a/documents/tsdoc/assets/widgets.png b/documents/tsdoc/assets/widgets.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7380532ac1b45400620011c37c4dcb7aec27a4c
GIT binary patch
literal 480
zcmeAS@N?(olHy`uVBq!ia0y~yU~~YoH8@y+q^jrZML>b&o-U3d6^w6h1+IPUz|;DW
zIZ;96kdsD>Qv^q=09&hp0GpEni<1IR%gvP3v%OR9*{MuRTKWHZyIbuBt)Ci`cU_&%
z1T+i^Y)o{%281-<3TpPAUTzw5v;RY=>1rvxmPl96#kYc9hX!6V^nB|ad#(S+)}?8C
zr_H+lT3B#So$T=?$(w3-{rbQ4R<@nsf$}$hwSO)A$8&`(j+wQf=Jwhb0`CvhR5DCf
z^OgI)KQemrUFPH+UynC$Y~QHG%DbTVh-Skz{enNU)cV_hPu~{TD7TPZl>0&K>iuE|
z7AYn$<f?qDn<D7%t@_^M`}t`}tQUTB<b|cys~qQC(7U7mNeaXFzvph2ZJby5=y?H)
zu!FRle5W(R_P>7)Jrb9GE&SfQW4q&G*@N|4cHI`VakFa5-C!ov&XD)J(qp$rJJ*9e
z-sHv}#g*T7Cv048d1v~BEAzM5FztAse#q78WWC^B<r7kBKcv(gmaJX;-oJ3CyTLi7
zUGKy%vKTy*I_B8_AXqS^clP{8c~VnLLw*O``y1ghf5LiRg?hIG#Va#lfeNA<>UCzQ
U&wLp6h6BX&boFyt=akR{0G%$)mH+?%
literal 0
HcmV?d00001
diff --git a/documents/tsdoc/assets/widgets@2x.png b/documents/tsdoc/assets/widgets@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bbbd57272f3b28f47527d4951ad10f950b8ad43
GIT binary patch
literal 855
zcmeAS@N?(olHy`uVBq!ia0y~yU}^xe12~w0<i1TN;y}tcz$e5NNRtW{v$~xG>Jcmn
z@(X6T|9^jgLcx21{)7exgY)a>N6m2F0<`Rqr;B4q1>>88jUdw-7W`c)zLE*mq8W2H
z-<&Jl_Hco5BuC5n@AbF5GD82~-e8-v=#zCyUX0F-o}8pPfAv`!GN$ff+TL<~@kgt}
z62eO?_|&+>xBmM$@p|z`tIKEdpPf8%qI>4r7@jn<=eta*{3~?g(zz{Ke9zc-G^gr?
z-7foa?LcS!hmbwzru}ICvbWLlW8;+l-}!^=c32!^nV`+`C*;0-*Y%l94pC;Cb3GXz
zzSf%a!{gVr{Y_lVuUj+a)*Ca+<Ue1=oN!I>!-Hu%xmP&&X-2CuANY8^i{D7Kg6qzP
zXz_ps9+lN8ESH{K4`y<koVa&$<z$fy#Y_&nWfs4Q-`gM<ab^x{$FjqRTqUlT^2GG0
zX)buq(okmUcGG@S=%j|TXKpT;R~ezq@O<i$<+2UQvL>u&b~I>N9xGlE&;2u<VUxbW
zMDv9esy$Uqzh*J4SX1~(U|w+OpKRTP*S;P%%OoH6b~VfkuJK*PqVwn~w})O)mht}*
zuY%uZJ=_*Q=DGMEU`dIe?8Vq!p&R<KyUmf+OflAB(|S*CM%y^;$dEtT_uF2oO8l`~
z&8qWg>*b?+Go!AhN?m-bxlLvtC#MzDF2kFzfHJ1W7ybqdefSqVhbOykd*Yi%EDuhs
z4wF{ft^bv2+DDnKb8gj1FuvcV`M}luS>lO<^)8x>y1#R;a=-ZKwWTQQb)ioBbi;zh
zD!f5V)8581to1LL7c9!l^PSC$NBPYif!_vAZhmL4)v4U)4UsrLYiH_9rmQDd?)(e5
z^pcH>qvBg*i0dus2r*mp4;zKvu=P#s-ti;2obl`NjjwoYd>e(oo#j_uyRb<7Pv^If
zzZ|mGHmV)8^tbO%^>eqMw(@7(&3g{jEp-Najo<c9d+_hN%-sXQuZvHt|MtLv4VWSm
iChY%eyAPC6P{0GV>7V75xI_ZHK*FA`elF{r5}E*d7+j_R
literal 0
HcmV?d00001
diff --git a/documents/tsdoc/classes/ListGrid.html b/documents/tsdoc/classes/ListGrid.html
new file mode 100644
index 000000000..5d39c2462
--- /dev/null
+++ b/documents/tsdoc/classes/ListGrid.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ListGrid | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="ListGrid.html">ListGrid</a></li></ul><h1>Class ListGrid<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="core.DrawGrid.html" class="tsd-signature-type" data-tsd-kind="Class">DrawGrid</a><ul class="tsd-hierarchy"><li><span class="target">ListGrid</span></li></ul></li></ul></section><section class="tsd-panel"><h3>Implements</h3><ul class="tsd-hierarchy"><li><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="ListGrid.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class"><a href="ListGrid.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="ListGrid.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></section><section class="tsd-index-section "><h3>Accessors</h3><ul class="tsd-index-list"><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#allowRangePaste" class="tsd-kind-icon">allow<wbr/>Range<wbr/>Paste</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><a href="ListGrid.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#header" class="tsd-kind-icon">header</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#headerValues" class="tsd-kind-icon">header<wbr/>Values</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#layout" class="tsd-kind-icon">layout</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="ListGrid.html#recordRowCount" class="tsd-kind-icon">record<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#records" class="tsd-kind-icon">records</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#sortState" class="tsd-kind-icon">sort<wbr/>State</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><a href="ListGrid.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="ListGrid.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="ListGrid.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#doChangeValue" class="tsd-kind-icon">do<wbr/>Change<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#doGetCellValue" class="tsd-kind-icon">do<wbr/>Get<wbr/>Cell<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#doSetPasteValue" class="tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="ListGrid.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#focusGridCell" class="tsd-kind-icon">focus<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getCellRange" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getCellRangeByField" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnAction" class="tsd-kind-icon">get<wbr/>Column<wbr/>Action</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnDefine" class="tsd-kind-icon">get<wbr/>Column<wbr/>Define</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnIndexByField" class="tsd-kind-icon">get<wbr/>Column<wbr/>Index<wbr/>By<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnType" class="tsd-kind-icon">get<wbr/>Column<wbr/>Type</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getGridCanvasHelper" class="tsd-kind-icon">get<wbr/>Grid<wbr/>Canvas<wbr/>Helper</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderCellRange" class="tsd-kind-icon">get<wbr/>Header<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderDefine" class="tsd-kind-icon">get<wbr/>Header<wbr/>Define</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderField" class="tsd-kind-icon">get<wbr/>Header<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderValue" class="tsd-kind-icon">get<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getLayoutCellId" class="tsd-kind-icon">get<wbr/>Layout<wbr/>Cell<wbr/>Id</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getRecordIndexByRow" class="tsd-kind-icon">get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getRecordStartRowByRecordIndex" class="tsd-kind-icon">get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getRowRecord" class="tsd-kind-icon">get<wbr/>Row<wbr/>Record</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#makeVisibleGridCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#setHeaderValue" class="tsd-kind-icon">set<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>List<wbr/>Grid<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">?: </span><a href="../interfaces/ListGridConstructorOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridConstructorOptions</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="ListGrid.html" class="tsd-signature-type" data-tsd-kind="Class">ListGrid</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#constructor">constructor</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>constructor</p>
+</div></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>options: <a href="../interfaces/ListGridConstructorOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridConstructorOptions</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = {}</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Constructor options</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="ListGrid.html" class="tsd-signature-type" data-tsd-kind="Class">ListGrid</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="disabled" class="tsd-anchor"></a><h3>disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="readOnly" class="tsd-anchor"></a><h3>read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#readOnly">readOnly</a></p></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Accessors</h2><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="allowRangePaste" class="tsd-anchor"></a><h3>allow<wbr/>Range<wbr/>Paste</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> allowRangePaste<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> allowRangePaste<span class="tsd-signature-symbol">(</span>allowRangePaste<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#allowRangePaste">allowRangePaste</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true to allow pasting of ranges.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#allowRangePaste">allowRangePaste</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true to allow pasting of ranges.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>allowRangePaste: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="canvas" class="tsd-anchor"></a><h3>canvas</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> canvas<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLCanvasElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#canvas">canvas</a></p><p>Inherited from DrawGrid.canvas</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get canvas element.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLCanvasElement</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="colCount" class="tsd-anchor"></a><h3>col<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> colCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> colCount<span class="tsd-signature-symbol">(</span>colCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#colCount">colCount</a></p><p>Inherited from DrawGrid.colCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of columns.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#colCount">colCount</a></p><p>Inherited from DrawGrid.colCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of columns.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>colCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="dataSource" class="tsd-anchor"></a><h3>data<wbr/>Source</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> dataSource<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> dataSource<span class="tsd-signature-symbol">(</span>dataSource<span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#dataSource">dataSource</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the data source.</p>
+</div></div><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#dataSource">dataSource</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the data source from given</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>dataSource: <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="defaultColWidth" class="tsd-anchor"></a><h3>default<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> defaultColWidth<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> defaultColWidth<span class="tsd-signature-symbol">(</span>defaultColWidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#defaultColWidth">defaultColWidth</a></p><p>Inherited from DrawGrid.defaultColWidth</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the default column width.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#defaultColWidth">defaultColWidth</a></p><p>Inherited from DrawGrid.defaultColWidth</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the default column width.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>defaultColWidth: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="defaultRowHeight" class="tsd-anchor"></a><h3>default<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> defaultRowHeight<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> defaultRowHeight<span class="tsd-signature-symbol">(</span>defaultRowHeight<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#defaultRowHeight">defaultRowHeight</a></p><p>Inherited from DrawGrid.defaultRowHeight</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the default row height.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#defaultRowHeight">defaultRowHeight</a></p><p>Inherited from DrawGrid.defaultRowHeight</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the default row height.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>defaultRowHeight: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><a id="font" class="tsd-anchor"></a><h3>font</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> font<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> font<span class="tsd-signature-symbol">(</span>font<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#font">font</a></p><p>Overrides DrawGrid.font</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the font definition as a string.</p>
+</div><dl class="tsd-comment-tags"><dt>override</dt><dd></dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#font">font</a></p><p>Overrides DrawGrid.font</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the font definition with the given string.</p>
+</div><dl class="tsd-comment-tags"><dt>override</dt><dd></dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>font: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="frozenColCount" class="tsd-anchor"></a><h3>frozen<wbr/>Col<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> frozenColCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> frozenColCount<span class="tsd-signature-symbol">(</span>frozenColCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#frozenColCount">frozenColCount</a></p><p>Inherited from DrawGrid.frozenColCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of frozen columns.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#frozenColCount">frozenColCount</a></p><p>Inherited from DrawGrid.frozenColCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of frozen columns.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>frozenColCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="frozenRowCount" class="tsd-anchor"></a><h3>frozen<wbr/>Row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> frozenRowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> frozenRowCount<span class="tsd-signature-symbol">(</span>frozenRowCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#frozenRowCount">frozenRowCount</a></p><p>Inherited from DrawGrid.frozenRowCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of frozen rows.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#frozenRowCount">frozenRowCount</a></p><p>Inherited from DrawGrid.frozenRowCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of frozen rows.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>frozenRowCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="header" class="tsd-anchor"></a><h3>header</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> header<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules.html#HeadersDefine" class="tsd-signature-type" data-tsd-kind="Type alias">HeadersDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> header<span class="tsd-signature-symbol">(</span>header<span class="tsd-signature-symbol">: </span><a href="../modules.html#HeadersDefine" class="tsd-signature-type" data-tsd-kind="Type alias">HeadersDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Gets the define of the header.</p>
+</div></div><h4 class="tsd-returns-title">Returns <a href="../modules.html#HeadersDefine" class="tsd-signature-type" data-tsd-kind="Type alias">HeadersDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Sets the define of the header with the given data.</p>
+<pre>
+column options
+-----
+caption: header caption
+field: field name
+width: column width
+minWidth: column min width
+maxWidth: column max width
+icon: icon definition
+message: message key name
+columnType: column type
+action: column action
+style: column style
+headerType: header type
+headerStyle: header style
+headerAction: header action
+headerField: header field name
+headerIcon: header icon definition
+sort: define sort setting
+-----</div><div>
+<a href="#multiline-header" id="multiline-header" style="color: inherit; text-decoration: none;">
+ <h2>multiline header</h2>
+</a>
+<p>caption: header caption
+columns: columns define</p>
+<hr>
+<p></pre></p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>header: <a href="../modules.html#HeadersDefine" class="tsd-signature-type" data-tsd-kind="Type alias">HeadersDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="headerValues" class="tsd-anchor"></a><h3>header<wbr/>Values</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> headerValues<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#HeaderValues" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderValues</a></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> headerValues<span class="tsd-signature-symbol">(</span>headerValues<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#HeaderValues" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderValues</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#headerValues">headerValues</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the header values.</p>
+</div></div><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#HeaderValues" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderValues</a></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#headerValues">headerValues</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Sets the header values.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>headerValues: <a href="../modules/TYPES.html#HeaderValues" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderValues</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="keyboardOptions" class="tsd-anchor"></a><h3>keyboard<wbr/>Options</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> keyboardOptions<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> keyboardOptions<span class="tsd-signature-symbol">(</span>keyboardOptions<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#keyboardOptions">keyboardOptions</a></p><p>Inherited from DrawGrid.keyboardOptions</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#keyboardOptions">keyboardOptions</a></p><p>Inherited from DrawGrid.keyboardOptions</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>keyboardOptions: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="layout" class="tsd-anchor"></a><h3>layout</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> layout<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">LayoutDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> layout<span class="tsd-signature-symbol">(</span>layout<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">LayoutDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Gets the define of the layout.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">LayoutDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Sets the define of the layout with the given data.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>layout: <span class="tsd-signature-type">LayoutDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="leftCol" class="tsd-anchor"></a><h3>left<wbr/>Col</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> leftCol<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#leftCol">leftCol</a></p><p>Inherited from DrawGrid.leftCol</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the index of the first column in the scrollable region that is visible.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="recordRowCount" class="tsd-anchor"></a><h3>record<wbr/>Row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> recordRowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#recordRowCount">recordRowCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the row count per record</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="records" class="tsd-anchor"></a><h3>records</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> records<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> records<span class="tsd-signature-symbol">(</span>records<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#records">records</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the records.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#records">records</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the records from given</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>records: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="rowCount" class="tsd-anchor"></a><h3>row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> rowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> rowCount<span class="tsd-signature-symbol">(</span>rowCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#rowCount">rowCount</a></p><p>Inherited from DrawGrid.rowCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of rows.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#rowCount">rowCount</a></p><p>Inherited from DrawGrid.rowCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of rows.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>rowCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="scrollLeft" class="tsd-anchor"></a><h3>scroll<wbr/>Left</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> scrollLeft<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> scrollLeft<span class="tsd-signature-symbol">(</span>scrollLeft<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#scrollLeft">scrollLeft</a></p><p>Inherited from DrawGrid.scrollLeft</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled from its left edge</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#scrollLeft">scrollLeft</a></p><p>Inherited from DrawGrid.scrollLeft</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled from its left edge</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>scrollLeft: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="scrollTop" class="tsd-anchor"></a><h3>scroll<wbr/>Top</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> scrollTop<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> scrollTop<span class="tsd-signature-symbol">(</span>scrollTop<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#scrollTop">scrollTop</a></p><p>Inherited from DrawGrid.scrollTop</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled vertically</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#scrollTop">scrollTop</a></p><p>Inherited from DrawGrid.scrollTop</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled vertically</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>scrollTop: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="selection" class="tsd-anchor"></a><h3>selection</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> selection<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Selection</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#selection">selection</a></p><p>Inherited from DrawGrid.selection</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the selection instance.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Selection</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="sortState" class="tsd-anchor"></a><h3>sort<wbr/>State</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> sortState<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.SortState.html" class="tsd-signature-type" data-tsd-kind="Interface">SortState</a></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> sortState<span class="tsd-signature-symbol">(</span>sortState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.SortState.html" class="tsd-signature-type" data-tsd-kind="Interface">SortState</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#sortState">sortState</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the sort state.</p>
+</div></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.SortState.html" class="tsd-signature-type" data-tsd-kind="Interface">SortState</a></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#sortState">sortState</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Sets the sort state.
+If <code>null</code> to set, the sort state is initialized.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>sortState: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.SortState.html" class="tsd-signature-type" data-tsd-kind="Interface">SortState</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="theme" class="tsd-anchor"></a><h3>theme</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> theme<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Theme</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> theme<span class="tsd-signature-symbol">(</span>theme<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Theme</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#theme">theme</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the theme.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Theme</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#theme">theme</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the theme from given</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>theme: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Theme</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="topRow" class="tsd-anchor"></a><h3>top<wbr/>Row</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> topRow<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#topRow">topRow</a></p><p>Inherited from DrawGrid.topRow</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the index of the first row in the scrollable region that is visible.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="trimOnPaste" class="tsd-anchor"></a><h3>trim<wbr/>On<wbr/>Paste</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> trimOnPaste<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> trimOnPaste<span class="tsd-signature-symbol">(</span>trimOnPaste<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#trimOnPaste">trimOnPaste</a></p><p>Inherited from DrawGrid.trimOnPaste</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true, trim the pasted text on pasting.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#trimOnPaste">trimOnPaste</a></p><p>Inherited from DrawGrid.trimOnPaste</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true, trim the pasted text on pasting.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>trimOnPaste: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><a id="underlayBackgroundColor" class="tsd-anchor"></a><h3>underlay<wbr/>Background<wbr/>Color</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> underlayBackgroundColor<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> underlayBackgroundColor<span class="tsd-signature-symbol">(</span>underlayBackgroundColor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#underlayBackgroundColor">underlayBackgroundColor</a></p><p>Overrides DrawGrid.underlayBackgroundColor</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the background color of the underlay.</p>
+</div><dl class="tsd-comment-tags"><dt>override</dt><dd></dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#underlayBackgroundColor">underlayBackgroundColor</a></p><p>Overrides DrawGrid.underlayBackgroundColor</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the background color of the underlay.</p>
+</div><dl class="tsd-comment-tags"><dt>override</dt><dd></dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>underlayBackgroundColor: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="visibleColCount" class="tsd-anchor"></a><h3>visible<wbr/>Col<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> visibleColCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#visibleColCount">visibleColCount</a></p><p>Inherited from DrawGrid.visibleColCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of scrollable columns fully visible in the grid. visibleColCount does not include the frozen columns counted by the frozenColCount property. It does not include any partially visible columns on the right of the grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="visibleRowCount" class="tsd-anchor"></a><h3>visible<wbr/>Row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> visibleRowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#visibleRowCount">visibleRowCount</a></p><p>Inherited from DrawGrid.visibleRowCount</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of scrollable rows fully visible in the grid. visibleRowCount does not include the frozen rows counted by the frozenRowCount property. It does not include any partially visible rows on the bottom of the grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a id="EVENT_TYPE" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EVENT_<wbr/>TYPE</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> EVENT_TYPE<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ListGridEvents</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides DrawGrid.EVENT_TYPE</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ListGridEvents</span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addDisposable" class="tsd-anchor"></a><h3>add<wbr/>Disposable</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Disposable<span class="tsd-signature-symbol">(</span>disposable<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#addDisposable">addDisposable</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#addDisposable">addDisposable</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>disposable: <span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>dispose<span class="tsd-signature-symbol">:</span>function</h5><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-type-literal"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addEventListener" class="tsd-anchor"></a><h3>add<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#addEventListener">addEventListener</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="configure" class="tsd-anchor"></a><h3>configure</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">configure<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span>, value<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#configure">configure</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#configure">configure</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> value: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#dispose">dispose</a></p><p>Overrides <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#dispose">dispose</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Dispose the grid instance.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="doChangeValue" class="tsd-anchor"></a><h3>do<wbr/>Change<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">do<wbr/>Change<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, changeValueCallback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>before<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#doChangeValue">doChangeValue</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>changeValueCallback: <span class="tsd-signature-symbol">(</span>before<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>before<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>before: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="doGetCellValue" class="tsd-anchor"></a><h3>do<wbr/>Get<wbr/>Cell<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">do<wbr/>Get<wbr/>Cell<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, valueCallback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#doGetCellValue">doGetCellValue</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>valueCallback: <span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="doSetPasteValue" class="tsd-anchor"></a><h3>do<wbr/>Set<wbr/>Paste<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value<span class="tsd-signature-symbol">(</span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, test<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#doSetPasteValue">doSetPasteValue</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>text: <span class="tsd-signature-type">string</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> test: <span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>data: <a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a id="fireListeners" class="tsd-anchor"></a><h3>fire<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Listeners<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span>, <span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#fireListeners">fireListeners</a></p><p>Overrides <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#fireListeners">fireListeners</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>TYPE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><a href="../interfaces/TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span></h5></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>event: <a href="../interfaces/TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="focus" class="tsd-anchor"></a><h3>focus</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">focus<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#focus">focus</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#focus">focus</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Focus the grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="focusCell" class="tsd-anchor"></a><h3>focus<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">focus<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#focusCell">focusCell</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#focusCell">focusCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Focus the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="focusGridCell" class="tsd-anchor"></a><h3>focus<wbr/>Grid<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">focus<wbr/>Grid<wbr/>Cell<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#focusGridCell">focusGridCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Focus the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The field.</p>
+</div></div></li><li><h5>index: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The record index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getAttachCellsArea" class="tsd-anchor"></a><h3>get<wbr/>Attach<wbr/>Cells<wbr/>Area</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getAttachCellsArea">getAttachCellsArea</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getAttachCellsArea">getAttachCellsArea</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></h5></li><li class="tsd-parameter"><h5>rect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></h5></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getCellAt" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellAt">getCellAt</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getCellAt">getCellAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getCellOverflowText" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellOverflowText">getCellOverflowText</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getCellOverflowText">getCellOverflowText</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the overflowed text in the cell rectangle, from the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4><div><p>The text overflowing the cell rect.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellRange" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellRange">getCellRange</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get cell range information for a given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>column index of the cell</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>row index of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h4><div><p>cell range info</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellRangeByField" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellRangeByField">getCellRangeByField</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column index of the given field.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The field.</p>
+</div></div></li><li><h5>index: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The record index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h4><div><p>The column index.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getCellRangeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellRangeRect">getCellRangeRect</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getCellRangeRect">getCellRangeRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getCellRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellRect">getCellRect</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getCellRect">getCellRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the rect of the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of column, of the cell</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4><div><p>the rect of the cell.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getCellRelativeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Relative<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellRelativeRect">getCellRelativeRect</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getCellRelativeRect">getCellRelativeRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the relative rectangle of the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of column, of the cell</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4><div><p>the rect of the cell.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getCellsRect" class="tsd-anchor"></a><h3>get<wbr/>Cells<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cells<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getCellsRect">getCellsRect</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getCellsRect">getCellsRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the rectangle of the cells area.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting column, of the cell</p>
+</div></div></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting row, of the cell</p>
+</div></div></li><li><h5>endCol: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending column, of the cell</p>
+</div></div></li><li><h5>endRow: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4><div><p>the rect of the cells.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getColAt" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getColAt">getColAt</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getColAt">getColAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getColWidth" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getColWidth">getColWidth</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getColWidth">getColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>The column width</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getColumnAction" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Action</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Action<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ColumnActionAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnActionAPI</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getColumnAction">getColumnAction</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ColumnActionAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnActionAPI</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getColumnDefine" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Define</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Define<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getColumnDefine">getColumnDefine</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column define of the given column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4><div><p>The column define object.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getColumnIndexByField" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Index<wbr/>By<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Index<wbr/>By<wbr/>Field<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column index of the given field.</p>
+</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>use <code>getCellRangeByField</code> instead</p>
+</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The field.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4><div><p>The column index.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getColumnType" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Type</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Type<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ColumnTypeAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnTypeAPI</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getColumnType">getColumnType</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.ColumnTypeAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnTypeAPI</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getElement" class="tsd-anchor"></a><h3>get<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Element<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getElement">getElement</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getElement">getElement</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get root element.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div><p>root element</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getField" class="tsd-anchor"></a><h3>get<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Field<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getField">getField</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the field of the given column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4><div><p>The field object.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getGridCanvasHelper" class="tsd-anchor"></a><h3>get<wbr/>Grid<wbr/>Canvas<wbr/>Helper</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Grid<wbr/>Canvas<wbr/>Helper<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GridCanvasHelper</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getGridCanvasHelper">getGridCanvasHelper</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">GridCanvasHelper</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getHeaderCellRange" class="tsd-anchor"></a><h3>get<wbr/>Header<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Header<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get header range information for a given cell.</p>
+</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>use <code>getCellRange</code> instead</p>
+</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>column index of the cell</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>row index of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h4><div><p>cell range info</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getHeaderDefine" class="tsd-anchor"></a><h3>get<wbr/>Header<wbr/>Define</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Header<wbr/>Define<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/HeaderDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">HeaderDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the header define of the given header cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The header row index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/HeaderDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">HeaderDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4><div><p>The header define object.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getHeaderField" class="tsd-anchor"></a><h3>get<wbr/>Header<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Header<wbr/>Field<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getHeaderField">getHeaderField</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the header field of the given header cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The header row index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><div><p>The field object.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getHeaderValue" class="tsd-anchor"></a><h3>get<wbr/>Header<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Header<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getHeaderValue">getHeaderValue</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getLayoutCellId" class="tsd-anchor"></a><h3>get<wbr/>Layout<wbr/>Cell<wbr/>Id</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Layout<wbr/>Cell<wbr/>Id<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#LayoutObjectId" class="tsd-signature-type" data-tsd-kind="Type alias">LayoutObjectId</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getLayoutCellId">getLayoutCellId</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#LayoutObjectId" class="tsd-signature-type" data-tsd-kind="Type alias">LayoutObjectId</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getMaxColWidth" class="tsd-anchor"></a><h3>get<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getMaxColWidth">getMaxColWidth</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getMaxColWidth">getMaxColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column max width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4><div><p>The column max width</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getMinColWidth" class="tsd-anchor"></a><h3>get<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getMinColWidth">getMinColWidth</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getMinColWidth">getMinColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column min width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4><div><p>The column min width</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRecordIndexByRow" class="tsd-anchor"></a><h3>get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getRecordIndexByRow">getRecordIndexByRow</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the record index of the given row index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRecordStartRowByRecordIndex" class="tsd-anchor"></a><h3>get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getRecordStartRowByRecordIndex">getRecordStartRowByRecordIndex</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Gets the row index starting at the given record index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The record index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getRowAt" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getRowAt">getRowAt</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getRowAt">getRowAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getRowHeight" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getRowHeight">getRowHeight</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#getRowHeight">getRowHeight</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the row height of the given the row index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>The row height</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRowRecord" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>Record</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>Record<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#getRowRecord">getRowRecord</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the record of the given row index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4><div><p>The record.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasFocusGrid" class="tsd-anchor"></a><h3>has<wbr/>Focus<wbr/>Grid</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Focus<wbr/>Grid<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#hasFocusGrid">hasFocusGrid</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#hasFocusGrid">hasFocusGrid</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasListeners" class="tsd-anchor"></a><h3>has<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#hasListeners">hasListeners</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="invalidate" class="tsd-anchor"></a><h3>invalidate</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#invalidate">invalidate</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#invalidate">invalidate</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Redraws the whole grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="invalidateCell" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#invalidateCell">invalidateCell</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#invalidateCell">invalidateCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Redraws the range of the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index of cell.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index of cell.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="invalidateCellRange" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#invalidateCellRange">invalidateCellRange</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#invalidateCellRange">invalidateCellRange</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="invalidateGridRect" class="tsd-anchor"></a><h3>invalidate<wbr/>Grid<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#invalidateGridRect">invalidateGridRect</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#invalidateGridRect">invalidateGridRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Redraws the range of the given cells.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting column, of the cell</p>
+</div></div></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting row, of the cell</p>
+</div></div></li><li><h5>endCol: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = startCol</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending column, of the cell</p>
+</div></div></li><li><h5>endRow: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = startRow</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="isFrozenCell" class="tsd-anchor"></a><h3>is<wbr/>Frozen<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#isFrozenCell">isFrozenCell</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#isFrozenCell">isFrozenCell</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#listen">listen</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#listen">listen</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Adds an event listener.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The event type id.</p>
+</div></div></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Callback method.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>unique id for the listener.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="makeVisibleCell" class="tsd-anchor"></a><h3>make<wbr/>Visible<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">make<wbr/>Visible<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#makeVisibleCell">makeVisibleCell</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#makeVisibleCell">makeVisibleCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Scroll to where cell is visible.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="makeVisibleGridCell" class="tsd-anchor"></a><h3>make<wbr/>Visible<wbr/>Grid<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">make<wbr/>Visible<wbr/>Grid<wbr/>Cell<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#makeVisibleGridCell">makeVisibleGridCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Scroll to where cell is visible.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The field.</p>
+</div></div></li><li><h5>index: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The record index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="onKeyDownMove" class="tsd-anchor"></a><h3>on<wbr/>Key<wbr/>Down<wbr/>Move</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move<span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#onKeyDownMove">onKeyDownMove</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#onKeyDownMove">onKeyDownMove</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>evt: <span class="tsd-signature-type">KeyboardEvent</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="removeEventListener" class="tsd-anchor"></a><h3>remove<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#removeEventListener">removeEventListener</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setCellOverflowText" class="tsd-anchor"></a><h3>set<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, overflowText<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setCellOverflowText">setCellOverflowText</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#setCellOverflowText">setCellOverflowText</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the overflowed text in the cell rectangle, to the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li><li><h5>overflowText: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The overflowed text in the cell rectangle.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setColWidth" class="tsd-anchor"></a><h3>set<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setColWidth">setColWidth</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#setColWidth">setColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the column width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li><li><h5>width: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column width</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setFocusCursor" class="tsd-anchor"></a><h3>set<wbr/>Focus<wbr/>Cursor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setFocusCursor">setFocusCursor</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#setFocusCursor">setFocusCursor</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Moves the focus cursor to the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setHeaderValue" class="tsd-anchor"></a><h3>set<wbr/>Header<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Header<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, newValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setHeaderValue">setHeaderValue</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>newValue: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setMaxColWidth" class="tsd-anchor"></a><h3>set<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, maxwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setMaxColWidth">setMaxColWidth</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#setMaxColWidth">setMaxColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the column max width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li><li><h5>maxwidth: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column max width</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setMinColWidth" class="tsd-anchor"></a><h3>set<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, minwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setMinColWidth">setMinColWidth</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#setMinColWidth">setMinColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the column min width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li><li><h5>minwidth: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column min width</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setRowHeight" class="tsd-anchor"></a><h3>set<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#setRowHeight">setRowHeight</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#setRowHeight">setRowHeight</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the row height of the given the row index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li><li><h5>height: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row height</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="unlisten" class="tsd-anchor"></a><h3>unlisten</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">unlisten<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#unlisten">unlisten</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Removes an event listener which was added with listen() by the id returned by listen().</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>id: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>the id returned by listen().</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="updateScroll" class="tsd-anchor"></a><h3>update<wbr/>Scroll</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">update<wbr/>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#updateScroll">updateScroll</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#updateScroll">updateScroll</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Apply the changed scroll size.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div><p><code>true</code> if there was a change in the scroll size</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="updateSize" class="tsd-anchor"></a><h3>update<wbr/>Size</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">update<wbr/>Size<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.ListGridAPI.html">ListGridAPI</a>.<a href="../interfaces/TYPES.ListGridAPI.html#updateSize">updateSize</a></p><p>Inherited from <a href="core.DrawGrid.html">DrawGrid</a>.<a href="core.DrawGrid.html#updateSize">updateSize</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Apply the changed size.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-has-type-parameter"><a href="ListGrid.html" class="tsd-kind-icon">List<wbr/>Grid</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="ListGrid.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="ListGrid.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="ListGrid.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#allowRangePaste" class="tsd-kind-icon">allow<wbr/>Range<wbr/>Paste</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><a href="ListGrid.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#header" class="tsd-kind-icon">header</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#headerValues" class="tsd-kind-icon">header<wbr/>Values</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#layout" class="tsd-kind-icon">layout</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="ListGrid.html#recordRowCount" class="tsd-kind-icon">record<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#records" class="tsd-kind-icon">records</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#sortState" class="tsd-kind-icon">sort<wbr/>State</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="ListGrid.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite"><a href="ListGrid.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="ListGrid.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="ListGrid.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#doChangeValue" class="tsd-kind-icon">do<wbr/>Change<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#doGetCellValue" class="tsd-kind-icon">do<wbr/>Get<wbr/>Cell<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#doSetPasteValue" class="tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="ListGrid.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#focusGridCell" class="tsd-kind-icon">focus<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getCellRange" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getCellRangeByField" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnAction" class="tsd-kind-icon">get<wbr/>Column<wbr/>Action</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnDefine" class="tsd-kind-icon">get<wbr/>Column<wbr/>Define</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnIndexByField" class="tsd-kind-icon">get<wbr/>Column<wbr/>Index<wbr/>By<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getColumnType" class="tsd-kind-icon">get<wbr/>Column<wbr/>Type</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getGridCanvasHelper" class="tsd-kind-icon">get<wbr/>Grid<wbr/>Canvas<wbr/>Helper</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderCellRange" class="tsd-kind-icon">get<wbr/>Header<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderDefine" class="tsd-kind-icon">get<wbr/>Header<wbr/>Define</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderField" class="tsd-kind-icon">get<wbr/>Header<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getHeaderValue" class="tsd-kind-icon">get<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getLayoutCellId" class="tsd-kind-icon">get<wbr/>Layout<wbr/>Cell<wbr/>Id</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getRecordIndexByRow" class="tsd-kind-icon">get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getRecordStartRowByRecordIndex" class="tsd-kind-icon">get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#getRowRecord" class="tsd-kind-icon">get<wbr/>Row<wbr/>Record</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#makeVisibleGridCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="ListGrid.html#setHeaderValue" class="tsd-kind-icon">set<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="ListGrid.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/classes/core.DrawGrid.html b/documents/tsdoc/classes/core.DrawGrid.html
new file mode 100644
index 000000000..b1ce98c98
--- /dev/null
+++ b/documents/tsdoc/classes/core.DrawGrid.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DrawGrid | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/core.html">core</a></li><li><a href="core.DrawGrid.html">DrawGrid</a></li></ul><h1>Class DrawGrid</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>DrawGrid</p>
+</div><dl class="tsd-comment-tags"><dt>classdesc</dt><dd><p>cheetahGrid.core.DrawGrid</p>
+</dd><dt>memberof</dt><dd><p>cheetahGrid.core</p>
+</dd></dl></div></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">EventTarget</span><ul class="tsd-hierarchy"><li><span class="target">DrawGrid</span><ul class="tsd-hierarchy"><li><a href="ListGrid.html" class="tsd-signature-type" data-tsd-kind="Class">ListGrid</a></li></ul></li></ul></li></ul></section><section class="tsd-panel"><h3>Implements</h3><ul class="tsd-hierarchy"><li><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridAPI</a></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core.DrawGrid.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Accessors</h3><ul class="tsd-index-list"><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><a href="core.DrawGrid.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core.DrawGrid.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="core.DrawGrid.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Draw<wbr/>Grid<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">DrawGridConstructorOptions</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="core.DrawGrid.html" class="tsd-signature-type" data-tsd-kind="Class">DrawGrid</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides EventTarget.constructor</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>options: <span class="tsd-signature-type">DrawGridConstructorOptions</span><span class="tsd-signature-symbol"> = {}</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="core.DrawGrid.html" class="tsd-signature-type" data-tsd-kind="Class">DrawGrid</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Accessors</h2><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="canvas" class="tsd-anchor"></a><h3>canvas</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> canvas<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLCanvasElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#canvas">canvas</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get canvas element.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLCanvasElement</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="colCount" class="tsd-anchor"></a><h3>col<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> colCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> colCount<span class="tsd-signature-symbol">(</span>colCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#colCount">colCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of columns.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#colCount">colCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of columns.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>colCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="defaultColWidth" class="tsd-anchor"></a><h3>default<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> defaultColWidth<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> defaultColWidth<span class="tsd-signature-symbol">(</span>defaultColWidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#defaultColWidth">defaultColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the default column width.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#defaultColWidth">defaultColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the default column width.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>defaultColWidth: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="defaultRowHeight" class="tsd-anchor"></a><h3>default<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> defaultRowHeight<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> defaultRowHeight<span class="tsd-signature-symbol">(</span>defaultRowHeight<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#defaultRowHeight">defaultRowHeight</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the default row height.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#defaultRowHeight">defaultRowHeight</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the default row height.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>defaultRowHeight: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="font" class="tsd-anchor"></a><h3>font</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> font<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> font<span class="tsd-signature-symbol">(</span>font<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#font">font</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the font definition as a string.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#font">font</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the font definition with the given string.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>font: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="frozenColCount" class="tsd-anchor"></a><h3>frozen<wbr/>Col<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> frozenColCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> frozenColCount<span class="tsd-signature-symbol">(</span>frozenColCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#frozenColCount">frozenColCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of frozen columns.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#frozenColCount">frozenColCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of frozen columns.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>frozenColCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="frozenRowCount" class="tsd-anchor"></a><h3>frozen<wbr/>Row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> frozenRowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> frozenRowCount<span class="tsd-signature-symbol">(</span>frozenRowCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#frozenRowCount">frozenRowCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of frozen rows.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#frozenRowCount">frozenRowCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of frozen rows.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>frozenRowCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="keyboardOptions" class="tsd-anchor"></a><h3>keyboard<wbr/>Options</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> keyboardOptions<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> keyboardOptions<span class="tsd-signature-symbol">(</span>keyboardOptions<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#keyboardOptions">keyboardOptions</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#keyboardOptions">keyboardOptions</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>keyboardOptions: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="leftCol" class="tsd-anchor"></a><h3>left<wbr/>Col</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> leftCol<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#leftCol">leftCol</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the index of the first column in the scrollable region that is visible.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="rowCount" class="tsd-anchor"></a><h3>row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> rowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> rowCount<span class="tsd-signature-symbol">(</span>rowCount<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#rowCount">rowCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of rows.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#rowCount">rowCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the number of rows.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>rowCount: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="scrollLeft" class="tsd-anchor"></a><h3>scroll<wbr/>Left</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> scrollLeft<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> scrollLeft<span class="tsd-signature-symbol">(</span>scrollLeft<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#scrollLeft">scrollLeft</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled from its left edge</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#scrollLeft">scrollLeft</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled from its left edge</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>scrollLeft: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="scrollTop" class="tsd-anchor"></a><h3>scroll<wbr/>Top</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> scrollTop<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> scrollTop<span class="tsd-signature-symbol">(</span>scrollTop<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#scrollTop">scrollTop</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled vertically</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#scrollTop">scrollTop</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>gets or sets the number of pixels that an element's content is scrolled vertically</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>scrollTop: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="selection" class="tsd-anchor"></a><h3>selection</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> selection<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Selection</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#selection">selection</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the selection instance.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Selection</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="topRow" class="tsd-anchor"></a><h3>top<wbr/>Row</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> topRow<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#topRow">topRow</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the index of the first row in the scrollable region that is visible.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="trimOnPaste" class="tsd-anchor"></a><h3>trim<wbr/>On<wbr/>Paste</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> trimOnPaste<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> trimOnPaste<span class="tsd-signature-symbol">(</span>trimOnPaste<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#trimOnPaste">trimOnPaste</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true, trim the pasted text on pasting.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#trimOnPaste">trimOnPaste</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true, trim the pasted text on pasting.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>trimOnPaste: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="underlayBackgroundColor" class="tsd-anchor"></a><h3>underlay<wbr/>Background<wbr/>Color</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> underlayBackgroundColor<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> underlayBackgroundColor<span class="tsd-signature-symbol">(</span>underlayBackgroundColor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#underlayBackgroundColor">underlayBackgroundColor</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the background color of the underlay.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#underlayBackgroundColor">underlayBackgroundColor</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the background color of the underlay.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>underlayBackgroundColor: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="visibleColCount" class="tsd-anchor"></a><h3>visible<wbr/>Col<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> visibleColCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#visibleColCount">visibleColCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of scrollable columns fully visible in the grid. visibleColCount does not include the frozen columns counted by the frozenColCount property. It does not include any partially visible columns on the right of the grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="visibleRowCount" class="tsd-anchor"></a><h3>visible<wbr/>Row<wbr/>Count</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> visibleRowCount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#visibleRowCount">visibleRowCount</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the number of scrollable rows fully visible in the grid. visibleRowCount does not include the frozen rows counted by the frozenRowCount property. It does not include any partially visible rows on the bottom of the grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><a id="EVENT_TYPE" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EVENT_<wbr/>TYPE</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> EVENT_TYPE<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DrawGridEvents</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DrawGridEvents</span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="addDisposable" class="tsd-anchor"></a><h3>add<wbr/>Disposable</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">add<wbr/>Disposable<span class="tsd-signature-symbol">(</span>disposable<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#addDisposable">addDisposable</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>disposable: <span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>dispose<span class="tsd-signature-symbol">:</span>function</h5><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-type-literal"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addEventListener" class="tsd-anchor"></a><h3>add<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.addEventListener</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="configure" class="tsd-anchor"></a><h3>configure</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">configure<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span>, value<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#configure">configure</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> value: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#dispose">dispose</a></p><p>Overrides EventTarget.dispose</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Dispose the grid instance.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a id="fireListeners" class="tsd-anchor"></a><h3>fire<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Listeners<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span>, <span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides EventTarget.fireListeners</p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>TYPE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><a href="../interfaces/TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span></h5></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>event: <a href="../interfaces/TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="focus" class="tsd-anchor"></a><h3>focus</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">focus<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#focus">focus</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Focus the grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="focusCell" class="tsd-anchor"></a><h3>focus<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">focus<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#focusCell">focusCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Focus the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getAttachCellsArea" class="tsd-anchor"></a><h3>get<wbr/>Attach<wbr/>Cells<wbr/>Area</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getAttachCellsArea">getAttachCellsArea</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></h5></li><li class="tsd-parameter"><h5>rect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></h5></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellAt" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getCellAt">getCellAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellOverflowText" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getCellOverflowText">getCellOverflowText</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the overflowed text in the cell rectangle, from the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4><div><p>The text overflowing the cell rect.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellRangeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getCellRangeRect">getCellRangeRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getCellRect">getCellRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the rect of the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of column, of the cell</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4><div><p>the rect of the cell.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellRelativeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Relative<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getCellRelativeRect">getCellRelativeRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the relative rectangle of the cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of column, of the cell</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4><div><p>the rect of the cell.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCellsRect" class="tsd-anchor"></a><h3>get<wbr/>Cells<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cells<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Rect</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getCellsRect">getCellsRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the rectangle of the cells area.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting column, of the cell</p>
+</div></div></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting row, of the cell</p>
+</div></div></li><li><h5>endCol: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending column, of the cell</p>
+</div></div></li><li><h5>endRow: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Rect</span></h4><div><p>the rect of the cells.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getColAt" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getColAt">getColAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getColWidth" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getColWidth">getColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>The column width</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getElement" class="tsd-anchor"></a><h3>get<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Element<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getElement">getElement</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get root element.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div><p>root element</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getMaxColWidth" class="tsd-anchor"></a><h3>get<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getMaxColWidth">getMaxColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column max width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4><div><p>The column max width</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getMinColWidth" class="tsd-anchor"></a><h3>get<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getMinColWidth">getMinColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the column min width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4><div><p>The column min width</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRowAt" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getRowAt">getRowAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRowHeight" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#getRowHeight">getRowHeight</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Get the row height of the given the row index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>The row height</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="hasFocusGrid" class="tsd-anchor"></a><h3>has<wbr/>Focus<wbr/>Grid</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">has<wbr/>Focus<wbr/>Grid<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#hasFocusGrid">hasFocusGrid</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasListeners" class="tsd-anchor"></a><h3>has<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.hasListeners</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="invalidate" class="tsd-anchor"></a><h3>invalidate</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">invalidate<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#invalidate">invalidate</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Redraws the whole grid.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="invalidateCell" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#invalidateCell">invalidateCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Redraws the range of the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index of cell.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index of cell.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="invalidateCellRange" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#invalidateCellRange">invalidateCellRange</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="../interfaces/TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="invalidateGridRect" class="tsd-anchor"></a><h3>invalidate<wbr/>Grid<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#invalidateGridRect">invalidateGridRect</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Redraws the range of the given cells.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting column, of the cell</p>
+</div></div></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the starting row, of the cell</p>
+</div></div></li><li><h5>endCol: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = startCol</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending column, of the cell</p>
+</div></div></li><li><h5>endRow: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = startRow</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>index of the ending row, of the cell</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="isFrozenCell" class="tsd-anchor"></a><h3>is<wbr/>Frozen<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#isFrozenCell">isFrozenCell</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#listen">listen</a></p><p>Inherited from EventTarget.listen</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Adds an event listener.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The event type id.</p>
+</div></div></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Callback method.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>unique id for the listener.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="makeVisibleCell" class="tsd-anchor"></a><h3>make<wbr/>Visible<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">make<wbr/>Visible<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#makeVisibleCell">makeVisibleCell</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Scroll to where cell is visible.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="onKeyDownMove" class="tsd-anchor"></a><h3>on<wbr/>Key<wbr/>Down<wbr/>Move</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move<span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#onKeyDownMove">onKeyDownMove</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>evt: <span class="tsd-signature-type">KeyboardEvent</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="removeEventListener" class="tsd-anchor"></a><h3>remove<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.removeEventListener</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setCellOverflowText" class="tsd-anchor"></a><h3>set<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, overflowText<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#setCellOverflowText">setCellOverflowText</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the overflowed text in the cell rectangle, to the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li><li><h5>overflowText: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The overflowed text in the cell rectangle.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setColWidth" class="tsd-anchor"></a><h3>set<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#setColWidth">setColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the column width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li><li><h5>width: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column width</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setFocusCursor" class="tsd-anchor"></a><h3>set<wbr/>Focus<wbr/>Cursor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#setFocusCursor">setFocusCursor</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Moves the focus cursor to the given cell.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index.</p>
+</div></div></li><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setMaxColWidth" class="tsd-anchor"></a><h3>set<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, maxwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#setMaxColWidth">setMaxColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the column max width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li><li><h5>maxwidth: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column max width</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setMinColWidth" class="tsd-anchor"></a><h3>set<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, minwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#setMinColWidth">setMinColWidth</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the column min width of the given the column index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column index</p>
+</div></div></li><li><h5>minwidth: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The column min width</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setRowHeight" class="tsd-anchor"></a><h3>set<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#setRowHeight">setRowHeight</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Set the row height of the given the row index.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row index</p>
+</div></div></li><li><h5>height: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The row height</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="unlisten" class="tsd-anchor"></a><h3>unlisten</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">unlisten<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.unlisten</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Removes an event listener which was added with listen() by the id returned by listen().</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>id: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>the id returned by listen().</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="updateScroll" class="tsd-anchor"></a><h3>update<wbr/>Scroll</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">update<wbr/>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#updateScroll">updateScroll</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Apply the changed scroll size.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div><p><code>true</code> if there was a change in the scroll size</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="updateSize" class="tsd-anchor"></a><h3>update<wbr/>Size</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">update<wbr/>Size<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="../interfaces/TYPES.DrawGridAPI.html#updateSize">updateSize</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Apply the changed size.</p>
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class="current tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-parent-kind-namespace"><a href="core.DrawGrid.html" class="tsd-kind-icon">Draw<wbr/>Grid</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="core.DrawGrid.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="core.DrawGrid.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="core.DrawGrid.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><a href="core.DrawGrid.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="core.DrawGrid.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="core.DrawGrid.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="core.DrawGrid.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="core.DrawGrid.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/classes/data.CachedDataSource.html b/documents/tsdoc/classes/data.CachedDataSource.html
new file mode 100644
index 000000000..2b1e1a9c8
--- /dev/null
+++ b/documents/tsdoc/classes/data.CachedDataSource.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CachedDataSource | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/data.html">data</a></li><li><a href="data.CachedDataSource.html">CachedDataSource</a></li></ul><h1>Class CachedDataSource<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>data modules</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid.data</p>
+</dd><dt>memberof</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li><span class="target">CachedDataSource</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="data.CachedDataSource.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section tsd-is-inherited"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="data.CachedDataSource.html#EMPTY" class="tsd-kind-icon">EMPTY</a></li></ul></section><section class="tsd-index-section "><h3>Accessors</h3><ul class="tsd-index-list"><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="data.CachedDataSource.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.CachedDataSource.html#clearCache" class="tsd-kind-icon">clear<wbr/>Cache</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.CachedDataSource.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.CachedDataSource.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.CachedDataSource.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite tsd-is-static"><a href="data.CachedDataSource.html#ofArray" class="tsd-kind-icon">of<wbr/>Array</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Cached<wbr/>Data<wbr/>Source<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>opt<span class="tsd-signature-symbol">?: </span><a href="../interfaces/data.DataSourceParam.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceParam</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.CachedDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">CachedDataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#constructor">constructor</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> opt: <a href="../interfaces/data.DataSourceParam.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceParam</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="data.CachedDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">CachedDataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group tsd-is-inherited"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a id="EMPTY" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EMPTY</h3><div class="tsd-signature tsd-kind-icon">EMPTY<span class="tsd-signature-symbol">:</span> <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#EMPTY">EMPTY</a></p></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Accessors</h2><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="dataSource" class="tsd-anchor"></a><h3>data<wbr/>Source</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> dataSource<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from DataSource.dataSource</p></aside><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="length" class="tsd-anchor"></a><h3>length</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> length<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> length<span class="tsd-signature-symbol">(</span>length<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from DataSource.length</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from DataSource.length</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>length: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a id="source" class="tsd-anchor"></a><h3>source</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> source<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from DataSource.source</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a id="EVENT_TYPE" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EVENT_<wbr/>TYPE</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> EVENT_TYPE<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>UPDATED_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span><span class="tsd-signature-symbol">; </span>UPDATED_ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span><span class="tsd-signature-symbol">; </span>UPDATE_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides DataSource.EVENT_TYPE</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>UPDATED_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span><span class="tsd-signature-symbol">; </span>UPDATED_ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span><span class="tsd-signature-symbol">; </span>UPDATE_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>UPDATED_<wbr/>LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span></h5></li><li class="tsd-parameter"><h5>UPDATED_<wbr/>ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span></h5></li><li class="tsd-parameter"><h5>UPDATE_<wbr/>LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span></h5></li></ul></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addEventListener" class="tsd-anchor"></a><h3>add<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#addEventListener">addEventListener</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="clearCache" class="tsd-anchor"></a><h3>clear<wbr/>Cache</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">clear<wbr/>Cache<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#dispose">dispose</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="fireListeners" class="tsd-anchor"></a><h3>fire<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#fireListeners">fireListeners</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Fires all registered listeners</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The type of the listeners to fire.</p>
+</div></div></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>fire arguments</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><div><p>the result of the last listener</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="get" class="tsd-anchor"></a><h3>get</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#get">get</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="getField" class="tsd-anchor"></a><h3>get<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#getField">getField</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasField" class="tsd-anchor"></a><h3>has<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Field<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#hasField">hasField</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasListeners" class="tsd-anchor"></a><h3>has<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#hasListeners">hasListeners</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#listen">listen</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Adds an event listener.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The event type id.</p>
+</div></div></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Callback method.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>unique id for the listener.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="removeEventListener" class="tsd-anchor"></a><h3>remove<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#removeEventListener">removeEventListener</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="setField" class="tsd-anchor"></a><h3>set<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#setField">setField</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="sort" class="tsd-anchor"></a><h3>sort</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, order<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#sort">sort</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>order: <span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="unlisten" class="tsd-anchor"></a><h3>unlisten</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">unlisten<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#unlisten">unlisten</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Removes an event listener which was added with listen() by the id returned by listen().</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>id: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>the id returned by listen().</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite tsd-is-static"><a id="ofArray" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> of<wbr/>Array</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite tsd-is-static"><li class="tsd-signature tsd-kind-icon">of<wbr/>Array<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>array<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.CachedDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">CachedDataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#ofArray">ofArray</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>array: <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="data.CachedDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">CachedDataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class="current tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="data.CachedDataSource.html" class="tsd-kind-icon">Cached<wbr/>Data<wbr/>Source</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="data.CachedDataSource.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="data.CachedDataSource.html#EMPTY" class="tsd-kind-icon">EMPTY</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="data.CachedDataSource.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.CachedDataSource.html#clearCache" class="tsd-kind-icon">clear<wbr/>Cache</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.CachedDataSource.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.CachedDataSource.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.CachedDataSource.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.CachedDataSource.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite tsd-is-static"><a href="data.CachedDataSource.html#ofArray" class="tsd-kind-icon">of<wbr/>Array</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/classes/data.DataSource.html b/documents/tsdoc/classes/data.DataSource.html
new file mode 100644
index 000000000..b7e53b055
--- /dev/null
+++ b/documents/tsdoc/classes/data.DataSource.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DataSource | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/data.html">data</a></li><li><a href="data.DataSource.html">DataSource</a></li></ul><h1>Class DataSource<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>data modules</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid.data</p>
+</dd><dt>memberof</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">EventTarget</span><ul class="tsd-hierarchy"><li><span class="target">DataSource</span><ul class="tsd-hierarchy"><li><a href="data.CachedDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">CachedDataSource</a></li><li><a href="data.FilterDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">FilterDataSource</a></li></ul></li></ul></li></ul></section><section class="tsd-panel"><h3>Implements</h3><ul class="tsd-hierarchy"><li><a href="../interfaces/TYPES.DataSourceAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="data.DataSource.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="data.DataSource.html#EMPTY" class="tsd-kind-icon">EMPTY</a></li></ul></section><section class="tsd-index-section "><h3>Accessors</h3><ul class="tsd-index-list"><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="data.DataSource.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="data.DataSource.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="data.DataSource.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><a href="data.DataSource.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.DataSource.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.DataSource.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="data.DataSource.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.DataSource.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="data.DataSource.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.DataSource.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static"><a href="data.DataSource.html#ofArray" class="tsd-kind-icon">of<wbr/>Array</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Data<wbr/>Source<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>obj<span class="tsd-signature-symbol">?: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/data.DataSourceParam.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceParam</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides EventTarget.constructor</p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> obj: <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/data.DataSourceParam.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceParam</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static"><a id="EMPTY" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EMPTY</h3><div class="tsd-signature tsd-kind-icon">EMPTY<span class="tsd-signature-symbol">:</span> <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = ...</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Accessors</h2><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="dataSource" class="tsd-anchor"></a><h3>data<wbr/>Source</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> dataSource<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#dataSource">dataSource</a></p></aside><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="length" class="tsd-anchor"></a><h3>length</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> length<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> length<span class="tsd-signature-symbol">(</span>length<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#length">length</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#length">length</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>length: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="source" class="tsd-anchor"></a><h3>source</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> source<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><a id="EVENT_TYPE" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EVENT_<wbr/>TYPE</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> EVENT_TYPE<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>UPDATED_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span><span class="tsd-signature-symbol">; </span>UPDATED_ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span><span class="tsd-signature-symbol">; </span>UPDATE_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>UPDATED_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span><span class="tsd-signature-symbol">; </span>UPDATED_ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span><span class="tsd-signature-symbol">; </span>UPDATE_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>UPDATED_<wbr/>LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span></h5></li><li class="tsd-parameter"><h5>UPDATED_<wbr/>ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span></h5></li><li class="tsd-parameter"><h5>UPDATE_<wbr/>LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span></h5></li></ul></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addEventListener" class="tsd-anchor"></a><h3>add<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.addEventListener</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides EventTarget.dispose</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="fireListeners" class="tsd-anchor"></a><h3>fire<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.fireListeners</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Fires all registered listeners</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The type of the listeners to fire.</p>
+</div></div></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>fire arguments</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><div><p>the result of the last listener</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="get" class="tsd-anchor"></a><h3>get</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#get">get</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a id="getField" class="tsd-anchor"></a><h3>get<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">get<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#getField">getField</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="hasField" class="tsd-anchor"></a><h3>has<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">has<wbr/>Field<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#hasField">hasField</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasListeners" class="tsd-anchor"></a><h3>has<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.hasListeners</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.listen</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Adds an event listener.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The event type id.</p>
+</div></div></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Callback method.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>unique id for the listener.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="removeEventListener" class="tsd-anchor"></a><h3>remove<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.removeEventListener</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a id="setField" class="tsd-anchor"></a><h3>set<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">set<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#setField">setField</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="sort" class="tsd-anchor"></a><h3>sort</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, order<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/TYPES.DataSourceAPI.html">DataSourceAPI</a>.<a href="../interfaces/TYPES.DataSourceAPI.html#sort">sort</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>order: <span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="unlisten" class="tsd-anchor"></a><h3>unlisten</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">unlisten<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from EventTarget.unlisten</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Removes an event listener which was added with listen() by the id returned by listen().</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>id: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>the id returned by listen().</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static"><a id="ofArray" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> of<wbr/>Array</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static"><li class="tsd-signature tsd-kind-icon">of<wbr/>Array<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>array<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>array: <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class="current tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="data.DataSource.html" class="tsd-kind-icon">Data<wbr/>Source</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="data.DataSource.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="data.DataSource.html#EMPTY" class="tsd-kind-icon">EMPTY</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="data.DataSource.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="data.DataSource.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="data.DataSource.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-static"><a href="data.DataSource.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.DataSource.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.DataSource.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="data.DataSource.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.DataSource.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="data.DataSource.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="data.DataSource.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.DataSource.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static"><a href="data.DataSource.html#ofArray" class="tsd-kind-icon">of<wbr/>Array</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/classes/data.FilterDataSource.html b/documents/tsdoc/classes/data.FilterDataSource.html
new file mode 100644
index 000000000..61467c856
--- /dev/null
+++ b/documents/tsdoc/classes/data.FilterDataSource.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>FilterDataSource | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/data.html">data</a></li><li><a href="data.FilterDataSource.html">FilterDataSource</a></li></ul><h1>Class FilterDataSource<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>data modules</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid.data</p>
+</dd><dt>memberof</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li><span class="target">FilterDataSource</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="data.FilterDataSource.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section tsd-is-inherited"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="data.FilterDataSource.html#EMPTY" class="tsd-kind-icon">EMPTY</a></li></ul></section><section class="tsd-index-section "><h3>Accessors</h3><ul class="tsd-index-list"><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="data.FilterDataSource.html#filter" class="tsd-kind-icon">filter</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="data.FilterDataSource.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.FilterDataSource.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.FilterDataSource.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-static"><a href="data.FilterDataSource.html#ofArray" class="tsd-kind-icon">of<wbr/>Array</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Filter<wbr/>Data<wbr/>Source<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>dataSource<span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, filter<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Filter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.FilterDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">FilterDataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#constructor">constructor</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>dataSource: <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>filter: <span class="tsd-signature-type">Filter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="data.FilterDataSource.html" class="tsd-signature-type" data-tsd-kind="Class">FilterDataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group tsd-is-inherited"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a id="EMPTY" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EMPTY</h3><div class="tsd-signature tsd-kind-icon">EMPTY<span class="tsd-signature-symbol">:</span> <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#EMPTY">EMPTY</a></p></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Accessors</h2><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a id="dataSource" class="tsd-anchor"></a><h3>data<wbr/>Source</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> dataSource<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides DataSource.dataSource</p></aside><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="filter" class="tsd-anchor"></a><h3>filter</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> filter<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Filter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> filter<span class="tsd-signature-symbol">(</span>filter<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Filter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Filter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>filter: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Filter</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a id="length" class="tsd-anchor"></a><h3>length</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> length<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> length<span class="tsd-signature-symbol">(</span>length<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from DataSource.length</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from DataSource.length</p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>length: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a id="source" class="tsd-anchor"></a><h3>source</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> source<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides DataSource.source</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a id="EVENT_TYPE" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> EVENT_<wbr/>TYPE</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> EVENT_TYPE<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>UPDATED_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span><span class="tsd-signature-symbol">; </span>UPDATED_ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span><span class="tsd-signature-symbol">; </span>UPDATE_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides DataSource.EVENT_TYPE</p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>UPDATED_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span><span class="tsd-signature-symbol">; </span>UPDATED_ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span><span class="tsd-signature-symbol">; </span>UPDATE_LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>UPDATED_<wbr/>LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_length"</span></h5></li><li class="tsd-parameter"><h5>UPDATED_<wbr/>ORDER<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"updated_order"</span></h5></li><li class="tsd-parameter"><h5>UPDATE_<wbr/>LENGTH<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"update_length"</span></h5></li></ul></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addEventListener" class="tsd-anchor"></a><h3>add<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#addEventListener">addEventListener</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#dispose">dispose</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="fireListeners" class="tsd-anchor"></a><h3>fire<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, <span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#fireListeners">fireListeners</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Fires all registered listeners</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The type of the listeners to fire.</p>
+</div></div></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>fire arguments</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><div><p>the result of the last listener</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="get" class="tsd-anchor"></a><h3>get</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#get">get</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="getField" class="tsd-anchor"></a><h3>get<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#getField">getField</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasField" class="tsd-anchor"></a><h3>has<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Field<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#hasField">hasField</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasListeners" class="tsd-anchor"></a><h3>has<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Listeners<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#hasListeners">hasListeners</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#listen">listen</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Adds an event listener.</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>The event type id.</p>
+</div></div></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Callback method.</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div><p>unique id for the listener.</p>
+</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="removeEventListener" class="tsd-anchor"></a><h3>remove<wbr/>Event<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#removeEventListener">removeEventListener</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="setField" class="tsd-anchor"></a><h3>set<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#setField">setField</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a id="sort" class="tsd-anchor"></a><h3>sort</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, order<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#sort">sort</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>order: <span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="unlisten" class="tsd-anchor"></a><h3>unlisten</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">unlisten<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#unlisten">unlisten</a></p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Removes an event listener which was added with listen() by the id returned by listen().</p>
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>id: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
+<p>the id returned by listen().</p>
+</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-static"><a id="ofArray" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> of<wbr/>Array</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-static"><li class="tsd-signature tsd-kind-icon">of<wbr/>Array<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>array<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="data.DataSource.html">DataSource</a>.<a href="data.DataSource.html#ofArray">ofArray</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>array: <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class="current tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="data.FilterDataSource.html" class="tsd-kind-icon">Filter<wbr/>Data<wbr/>Source</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite"><a href="data.FilterDataSource.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="data.FilterDataSource.html#EMPTY" class="tsd-kind-icon">EMPTY</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="data.FilterDataSource.html#filter" class="tsd-kind-icon">filter</a></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="data.FilterDataSource.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#addEventListener" class="tsd-kind-icon">add<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.FilterDataSource.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#hasListeners" class="tsd-kind-icon">has<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#removeEventListener" class="tsd-kind-icon">remove<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="data.FilterDataSource.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="data.FilterDataSource.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="data.FilterDataSource.html#unlisten" class="tsd-kind-icon">unlisten</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-static"><a href="data.FilterDataSource.html#ofArray" class="tsd-kind-icon">of<wbr/>Array</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/index.html b/documents/tsdoc/index.html
new file mode 100644
index 000000000..11911eeff
--- /dev/null
+++ b/documents/tsdoc/index.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script async src="assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1>cheetah-grid</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><div class="tsd-panel tsd-typography">
+<a href="#cheetah-grid" id="cheetah-grid" style="color: inherit; text-decoration: none;">
+ <h1>Cheetah Grid</h1>
+</a>
+<p><a href="https://github.com/future-architect/cheetah-grid"><img src="https://img.shields.io/github/license/future-architect/cheetah-grid.svg" alt="GitHub"></a>
+<a href="https://www.npmjs.com/package/cheetah-grid"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"></a>
+<a href="http://www.npmtrends.com/cheetah-grid"><img src="https://img.shields.io/npm/dw/cheetah-grid.svg" alt="npm"></a>
+<a href="http://www.npmtrends.com/cheetah-grid"><img src="https://img.shields.io/npm/dm/cheetah-grid.svg" alt="npm"></a>
+<a href="http://www.npmtrends.com/cheetah-grid"><img src="https://img.shields.io/npm/dy/cheetah-grid.svg" alt="npm"></a>
+<a href="http://www.npmtrends.com/cheetah-grid"><img src="https://img.shields.io/npm/dt/cheetah-grid.svg" alt="npm"></a>
+<a href="https://github.com/future-architect/cheetah-grid/actions?query=workflow%3ACI"><img src="https://github.com/future-architect/cheetah-grid/workflows/CI/badge.svg?branch=master" alt="Build Status"></a></p>
+<p><a href="https://future-architect.github.io/cheetah-grid/"><img src="https://future-architect.github.io/cheetah-grid/logo.svg" alt="Cheetah Grid"></a></p>
+<p>The fastest open-source data table for web.</p>
+<p><a href="https://future-architect.github.io/cheetah-grid/"><img src="https://github.com/future-architect/cheetah-grid/raw/master/images/capture.png" alt="capture.png"></a></p>
+<p><a href="https://future-architect.github.io/cheetah-grid/">DEMO & Documents</a></p>
+
+<a href="#downloading-cheetah-grid" id="downloading-cheetah-grid" style="color: inherit; text-decoration: none;">
+ <h2>Downloading Cheetah Grid</h2>
+</a>
+
+<a href="#using-cheetah-grid-with-a-cdn" id="using-cheetah-grid-with-a-cdn" style="color: inherit; text-decoration: none;">
+ <h3>Using Cheetah Grid with a CDN</h3>
+</a>
+<p><a href="https://www.npmjs.com/package/cheetah-grid"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"></a></p>
+<pre><code class="language-html"><span class="hl-0"><</span><span class="hl-1">script</span><span class="hl-2"> </span><span class="hl-3">src</span><span class="hl-2">=</span><span class="hl-4">"https://unpkg.com/cheetah-grid@1.13"</span><span class="hl-0">></</span><span class="hl-1">script</span><span class="hl-0">></span>
+</code></pre>
+
+<a href="#downloading-cheetah-grid-using-npm" id="downloading-cheetah-grid-using-npm" style="color: inherit; text-decoration: none;">
+ <h3>Downloading Cheetah Grid using npm</h3>
+</a>
+<p><a href="https://www.npmjs.com/package/cheetah-grid"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"></a></p>
+<pre><code class="language-sh"><span class="hl-5">npm install -S cheetah-grid</span>
+</code></pre>
+<pre><code class="language-js"><span class="hl-6">import</span><span class="hl-5"> </span><span class="hl-7">*</span><span class="hl-5"> </span><span class="hl-6">as</span><span class="hl-5"> </span><span class="hl-8">cheetahGrid</span><span class="hl-5"> </span><span class="hl-6">from</span><span class="hl-5"> </span><span class="hl-9">"cheetah-grid"</span><span class="hl-5">;</span><br/><br/><span class="hl-10">// or</span><br/><br/><span class="hl-7">const</span><span class="hl-5"> </span><span class="hl-11">cheetahGrid</span><span class="hl-5"> = </span><span class="hl-12">require</span><span class="hl-5">(</span><span class="hl-9">"cheetah-grid"</span><span class="hl-5">);</span>
+</code></pre>
+
+<a href="#downloading-cheetah-grid-source-code" id="downloading-cheetah-grid-source-code" style="color: inherit; text-decoration: none;">
+ <h3>Downloading Cheetah Grid source code</h3>
+</a>
+<p><a href="https://www.npmjs.com/package/cheetah-grid"><img src="https://img.shields.io/npm/v/cheetah-grid.svg" alt="npm"></a></p>
+<p><a href="https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js">cheetahGrid.es5.min.js</a></p>
+<p>SourceMap<br><a href="https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js.map">cheetahGrid.es5.min.js.map</a></p>
+
+<a href="#downloading-cheetah-grid-using-github" id="downloading-cheetah-grid-using-github" style="color: inherit; text-decoration: none;">
+ <h3>Downloading Cheetah Grid using GitHub</h3>
+</a>
+<p><a href="https://github.com/future-architect/cheetah-grid"><img src="https://img.shields.io/github/package-json/v/future-architect/cheetah-grid.svg" alt="GitHub package version"></a></p>
+
+<a href="#git-clone" id="git-clone" style="color: inherit; text-decoration: none;">
+ <h4>git clone</h4>
+</a>
+<pre><code class="language-bash"><span class="hl-5">git clone https://github.com/future-architect/cheetah-grid.git</span>
+</code></pre>
+
+<a href="#npm-install-amp-build" id="npm-install-amp-build" style="color: inherit; text-decoration: none;">
+ <h4>npm install & build</h4>
+</a>
+<pre><code class="language-bash"><span class="hl-5">npm install</span><br/><span class="hl-5">npm run build</span>
+</code></pre>
+<p>built file is created in the <code>./packages/cheetah-grid/dist</code> directory</p>
+
+<a href="#usage" id="usage" style="color: inherit; text-decoration: none;">
+ <h2>Usage</h2>
+</a>
+
+<a href="#example-for-basic-usage" id="example-for-basic-usage" style="color: inherit; text-decoration: none;">
+ <h3>Example for basic usage</h3>
+</a>
+<pre><code class="language-html"><span class="hl-0"><</span><span class="hl-1">div</span><span class="hl-5"> </span><span class="hl-3">id</span><span class="hl-5">=</span><span class="hl-4">"sample"</span><span class="hl-5"> </span><span class="hl-3">style</span><span class="hl-5">=</span><span class="hl-4">"height: 300px; border: solid 1px #ddd;"</span><span class="hl-0">></</span><span class="hl-1">div</span><span class="hl-0">></span><br/><span class="hl-0"><</span><span class="hl-1">script</span><span class="hl-0">></span><br/><span class="hl-2"> </span><span class="hl-10">// initialize</span><br/><span class="hl-2"> </span><span class="hl-7">const</span><span class="hl-2"> </span><span class="hl-11">grid</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-7">new</span><span class="hl-2"> </span><span class="hl-8">cheetahGrid</span><span class="hl-2">.</span><span class="hl-12">ListGrid</span><span class="hl-2">({</span><br/><span class="hl-2"> </span><span class="hl-10">// Parent element on which to place the grid</span><br/><span class="hl-2"> </span><span class="hl-8">parentElement:</span><span class="hl-2"> </span><span class="hl-8">document</span><span class="hl-2">.</span><span class="hl-12">querySelector</span><span class="hl-2">(</span><span class="hl-9">"#sample"</span><span class="hl-2">),</span><br/><span class="hl-2"> </span><span class="hl-10">// Header definition</span><br/><span class="hl-2"> </span><span class="hl-8">header:</span><span class="hl-2"> [</span><br/><span class="hl-2"> {</span><br/><span class="hl-2"> </span><span class="hl-8">field:</span><span class="hl-2"> </span><span class="hl-9">"check"</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-8">caption:</span><span class="hl-2"> </span><span class="hl-9">""</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-8">width:</span><span class="hl-2"> </span><span class="hl-13">50</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-8">columnType:</span><span class="hl-2"> </span><span class="hl-9">"check"</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-8">action:</span><span class="hl-2"> </span><span class="hl-9">"check"</span><span class="hl-2">,</span><br/><span class="hl-2"> },</span><br/><span class="hl-2"> { </span><span class="hl-8">field:</span><span class="hl-2"> </span><span class="hl-9">"personid"</span><span class="hl-2">, </span><span class="hl-8">caption:</span><span class="hl-2"> </span><span class="hl-9">"ID"</span><span class="hl-2">, </span><span class="hl-8">width:</span><span class="hl-2"> </span><span class="hl-13">100</span><span class="hl-2"> },</span><br/><span class="hl-2"> { </span><span class="hl-8">field:</span><span class="hl-2"> </span><span class="hl-9">"fname"</span><span class="hl-2">, </span><span class="hl-8">caption:</span><span class="hl-2"> </span><span class="hl-9">"First Name"</span><span class="hl-2">, </span><span class="hl-8">width:</span><span class="hl-2"> </span><span class="hl-13">200</span><span class="hl-2"> },</span><br/><span class="hl-2"> { </span><span class="hl-8">field:</span><span class="hl-2"> </span><span class="hl-9">"lname"</span><span class="hl-2">, </span><span class="hl-8">caption:</span><span class="hl-2"> </span><span class="hl-9">"Last Name"</span><span class="hl-2">, </span><span class="hl-8">width:</span><span class="hl-2"> </span><span class="hl-13">200</span><span class="hl-2"> },</span><br/><span class="hl-2"> { </span><span class="hl-8">field:</span><span class="hl-2"> </span><span class="hl-9">"email"</span><span class="hl-2">, </span><span class="hl-8">caption:</span><span class="hl-2"> </span><span class="hl-9">"Email"</span><span class="hl-2">, </span><span class="hl-8">width:</span><span class="hl-2"> </span><span class="hl-13">250</span><span class="hl-2"> },</span><br/><span class="hl-2"> ],</span><br/><span class="hl-2"> </span><span class="hl-10">// Array data to be displayed on the grid</span><br/><span class="hl-2"> </span><span class="hl-8">records</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-10">// Column fixed position</span><br/><span class="hl-2"> </span><span class="hl-8">frozenColCount:</span><span class="hl-2"> </span><span class="hl-13">2</span><span class="hl-2">,</span><br/><span class="hl-2"> });</span><br/><span class="hl-0"></</span><span class="hl-1">script</span><span class="hl-0">></span>
+</code></pre>
+<p>Please refer to the <a href="https://future-architect.github.io/cheetah-grid/">documents</a> for details</p>
+<blockquote>
+<p><strong>Using the Vue Component of Cheetah Grid</strong><br>Please refer to the <a href="https://www.npmjs.com/package/vue-cheetah-grid"><code>vue-cheetah-grid</code></a></p>
+<p><strong>Using the React Component of Cheetah Grid</strong><br>Please refer to the <a href="https://www.npmjs.com/package/react-cheetah-grid"><code>react-cheetah-grid</code></a></p>
+</blockquote>
+
+<a href="#definition-of-columns-and-headers" id="definition-of-columns-and-headers" style="color: inherit; text-decoration: none;">
+ <h3>Definition of columns and headers</h3>
+</a>
+<p>The <code>header</code> property, the property of <code>cheetahGrid.ListGrid</code>, decides the behave and appearance of columns and header cells.
+We can set this property by constructor arguments or instance property.</p>
+<p>The <code>header</code> property must be set by objects array (<code>Array<object></code>).
+In the standard definition, each object consists of following properties.</p>
+<table>
+<thead>
+<tr>
+<th>Property</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody><tr>
+<td>caption</td>
+<td>define the header caption</td>
+</tr>
+<tr>
+<td>field</td>
+<td>define the field name or function of the record to display in the cell</td>
+</tr>
+<tr>
+<td>width (optional)</td>
+<td>define the width of column</td>
+</tr>
+<tr>
+<td>columnType (optional)</td>
+<td>define the type of column</td>
+</tr>
+<tr>
+<td>style (optional)</td>
+<td>define the style of column</td>
+</tr>
+<tr>
+<td>action (optional)</td>
+<td>define the action of column</td>
+</tr>
+</tbody></table>
+<p>To use multiple header, set the hierarchical structured Object to the <code>header</code> property.</p>
+<pre><code class="language-js"><span class="hl-7">const</span><span class="hl-5"> </span><span class="hl-11">grid</span><span class="hl-5"> = </span><span class="hl-7">new</span><span class="hl-5"> </span><span class="hl-8">cheetahGrid</span><span class="hl-5">.</span><span class="hl-12">ListGrid</span><span class="hl-5">({</span><br/><span class="hl-5"> </span><span class="hl-10">//...</span><br/><span class="hl-5"> </span><span class="hl-8">header:</span><span class="hl-5"> [</span><br/><span class="hl-5"> </span><span class="hl-10">//...</span><br/><span class="hl-5"> {</span><br/><span class="hl-5"> </span><span class="hl-10">/* multiple header */</span><br/><span class="hl-5"> </span><span class="hl-8">caption:</span><span class="hl-5"> </span><span class="hl-9">"Name"</span><span class="hl-5">,</span><br/><span class="hl-5"> </span><span class="hl-8">columns:</span><span class="hl-5"> [</span><br/><span class="hl-5"> { </span><span class="hl-8">field:</span><span class="hl-5"> </span><span class="hl-9">"fname"</span><span class="hl-5">, </span><span class="hl-8">caption:</span><span class="hl-5"> </span><span class="hl-9">"First Name"</span><span class="hl-5">, </span><span class="hl-8">width:</span><span class="hl-5"> </span><span class="hl-13">200</span><span class="hl-5"> },</span><br/><span class="hl-5"> { </span><span class="hl-8">field:</span><span class="hl-5"> </span><span class="hl-9">"lname"</span><span class="hl-5">, </span><span class="hl-8">caption:</span><span class="hl-5"> </span><span class="hl-9">"Last Name"</span><span class="hl-5">, </span><span class="hl-8">width:</span><span class="hl-5"> </span><span class="hl-13">200</span><span class="hl-5"> },</span><br/><span class="hl-5"> ],</span><br/><span class="hl-5"> },</span><br/><span class="hl-5"> </span><span class="hl-10">//...</span><br/><span class="hl-5"> ],</span><br/><span class="hl-5"> </span><span class="hl-10">//...</span><br/><span class="hl-5">});</span>
+</code></pre>
+
+<a href="#definition-of-column-type" id="definition-of-column-type" style="color: inherit; text-decoration: none;">
+ <h3>Definition of column type</h3>
+</a>
+<p>Set the column type by using <code>columnType</code>.</p>
+<p>For example, you can set the following strings:</p>
+<table>
+<thead>
+<tr>
+<th>Property</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody><tr>
+<td>none</td>
+<td>draw text in the cell</td>
+</tr>
+<tr>
+<td><code>'number'</code></td>
+<td>draw number in the cell with comma-separated</td>
+</tr>
+<tr>
+<td><code>'check'</code></td>
+<td>draw checkbox in the cell</td>
+</tr>
+<tr>
+<td><code>'button'</code></td>
+<td>draw button in the cell</td>
+</tr>
+<tr>
+<td><code>'image'</code></td>
+<td>draw image in the cell</td>
+</tr>
+<tr>
+<td><code>'multilinetext'</code></td>
+<td>draw multiline text in the cell</td>
+</tr>
+</tbody></table>
+<p>If you define a class instance you can define an advanced column types.</p>
+<p>Please refer to the <a href="https://future-architect.github.io/cheetah-grid/documents/api/js/column_types/Classes.html">column types documents</a> for details</p>
+
+<a href="#definition-of-column-action" id="definition-of-column-action" style="color: inherit; text-decoration: none;">
+ <h3>Definition of column action</h3>
+</a>
+<p>Define column action by using <code>action</code> property.</p>
+<table>
+<thead>
+<tr>
+<th><code>action</code></th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody><tr>
+<td><code>'check'</code></td>
+<td>make the check box clickable.</td>
+</tr>
+<tr>
+<td><code>'input'</code></td>
+<td>make the cell enterable.</td>
+</tr>
+</tbody></table>
+<p>If you define a class instance you can define an advanced column actions.</p>
+<p>Please refer to the <a href="https://future-architect.github.io/cheetah-grid/documents/api/js/column_types/Classes.html">column actions documents</a> for details</p>
+
+<a href="#definition-of-column-style" id="definition-of-column-style" style="color: inherit; text-decoration: none;">
+ <h3>Definition of column style</h3>
+</a>
+<p>Define column style by using <code>style</code> property.</p>
+<p>Properties below are prepared in standard.</p>
+<table>
+<thead>
+<tr>
+<th>Property</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody><tr>
+<td>color</td>
+<td>define the color of cell.</td>
+</tr>
+<tr>
+<td>textAlign</td>
+<td>define the horizontal position of text in cell.</td>
+</tr>
+<tr>
+<td>textBaseline</td>
+<td>define the vertical position of text in cell.</td>
+</tr>
+<tr>
+<td>bgColor</td>
+<td>define the background color of cell.</td>
+</tr>
+<tr>
+<td>font</td>
+<td>define the font of cell.</td>
+</tr>
+<tr>
+<td>padding</td>
+<td>define the padding of cell. if you set 4 values separately, please set the <code>Array</code>.</td>
+</tr>
+<tr>
+<td>textOverflow</td>
+<td>define how to display when text overflows the area of a cell. <code>clip</code> or <code>ellipsis</code> is available.</td>
+</tr>
+</tbody></table>
+<p>In addition, there is an extended style property for each column type.</p>
+<hr>
+<p>Please refer to the <a href="https://future-architect.github.io/cheetah-grid/">documents</a> for details</p>
+
+<a href="#license" id="license" style="color: inherit; text-decoration: none;">
+ <h2>License</h2>
+</a>
+<p>See the <a href="LICENSE">LICENSE</a> file for license rights and limitations (MIT).</p>
+
+<a href="#supporting-cheetah-grid" id="supporting-cheetah-grid" style="color: inherit; text-decoration: none;">
+ <h2>Supporting Cheetah Grid</h2>
+</a>
+<p><a href="https://github.com/sponsors/ota-meshi"><img src="https://img.shields.io/badge/-Sponsor-fafbfc?logo=GitHub%20Sponsors" alt="sponsors"></a></p>
+</div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-class tsd-has-type-parameter"><a href="classes/ListGrid.html" class="tsd-kind-icon">List<wbr/>Grid</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/ColumnDefine.html" class="tsd-kind-icon">Column<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/GroupHeaderDefine.html" class="tsd-kind-icon">Group<wbr/>Header<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HeaderDefine.html" class="tsd-kind-icon">Header<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/ListGridConstructorOptions.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Constructor<wbr/>Options</a></li><li class="tsd-kind-type-alias tsd-has-type-parameter"><a href="modules.html#HeadersDefine" class="tsd-kind-icon">Headers<wbr/>Define</a></li><li class="tsd-kind-property"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/ColumnDefine.html b/documents/tsdoc/interfaces/ColumnDefine.html
new file mode 100644
index 000000000..1a236ce80
--- /dev/null
+++ b/documents/tsdoc/interfaces/ColumnDefine.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ColumnDefine | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="ColumnDefine.html">ColumnDefine</a></li></ul><h1>Interface ColumnDefine<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">BaseHeaderDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li><span class="target">ColumnDefine</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#action" class="tsd-kind-icon">action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#columnType" class="tsd-kind-icon">column<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#field" class="tsd-kind-icon">field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerAction" class="tsd-kind-icon">header<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerField" class="tsd-kind-icon">header<wbr/>Field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerIcon" class="tsd-kind-icon">header<wbr/>Icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerStyle" class="tsd-kind-icon">header<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerType" class="tsd-kind-icon">header<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#icon" class="tsd-kind-icon">icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#maxWidth" class="tsd-kind-icon">max<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#message" class="tsd-kind-icon">message</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#minWidth" class="tsd-kind-icon">min<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#style" class="tsd-kind-icon">style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="action" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> action</h3><div class="tsd-signature tsd-kind-icon">action<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnActionOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnActionOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseAction</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="caption" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> caption</h3><div class="tsd-signature tsd-kind-icon">caption<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.caption</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="columnType" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> column<wbr/>Type</h3><div class="tsd-signature tsd-kind-icon">column<wbr/>Type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnTypeOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnTypeOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseColumn</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="field" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> field</h3><div class="tsd-signature tsd-kind-icon">field<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerAction" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Action</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Action<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderActionOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderActionOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseAction</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerAction</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerField" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Field</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Field<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerField</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerIcon" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Icon</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Icon<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerIcon</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerStyle" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Style</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseStyle</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerStyle</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerType" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Type</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderTypeOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderTypeOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseHeader</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerType</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="icon" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> icon</h3><div class="tsd-signature tsd-kind-icon">icon<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="maxWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> max<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">max<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.maxWidth</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="message" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> message</h3><div class="tsd-signature tsd-kind-icon">message<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Message" class="tsd-signature-type" data-tsd-kind="Type alias">Message</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#Message" class="tsd-signature-type" data-tsd-kind="Type alias">Message</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><a href="../modules/TYPES.html#Message" class="tsd-signature-type" data-tsd-kind="Type alias">Message</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#Message" class="tsd-signature-type" data-tsd-kind="Type alias">Message</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="minWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> min<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">min<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.minWidth</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="sort" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> sort</h3><div class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OldSortOption</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.sort</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="style" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> style</h3><div class="tsd-signature tsd-kind-icon">style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnStyleOption</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.width</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-has-type-parameter"><a href="ColumnDefine.html" class="tsd-kind-icon">Column<wbr/>Define</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#action" class="tsd-kind-icon">action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#columnType" class="tsd-kind-icon">column<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#field" class="tsd-kind-icon">field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerAction" class="tsd-kind-icon">header<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerField" class="tsd-kind-icon">header<wbr/>Field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerIcon" class="tsd-kind-icon">header<wbr/>Icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerStyle" class="tsd-kind-icon">header<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#headerType" class="tsd-kind-icon">header<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#icon" class="tsd-kind-icon">icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#maxWidth" class="tsd-kind-icon">max<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#message" class="tsd-kind-icon">message</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#minWidth" class="tsd-kind-icon">min<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ColumnDefine.html#style" class="tsd-kind-icon">style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ColumnDefine.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/GroupHeaderDefine.html b/documents/tsdoc/interfaces/GroupHeaderDefine.html
new file mode 100644
index 000000000..3575d113b
--- /dev/null
+++ b/documents/tsdoc/interfaces/GroupHeaderDefine.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GroupHeaderDefine | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="GroupHeaderDefine.html">GroupHeaderDefine</a></li></ul><h1>Interface GroupHeaderDefine<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="HeaderDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">HeaderDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li><span class="target">GroupHeaderDefine</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="GroupHeaderDefine.html#columns" class="tsd-kind-icon">columns</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerAction" class="tsd-kind-icon">header<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerField" class="tsd-kind-icon">header<wbr/>Field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerIcon" class="tsd-kind-icon">header<wbr/>Icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerStyle" class="tsd-kind-icon">header<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerType" class="tsd-kind-icon">header<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#maxWidth" class="tsd-kind-icon">max<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#minWidth" class="tsd-kind-icon">min<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="caption" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> caption</h3><div class="tsd-signature tsd-kind-icon">caption<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#caption">caption</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="columns" class="tsd-anchor"></a><h3>columns</h3><div class="tsd-signature tsd-kind-icon">columns<span class="tsd-signature-symbol">:</span> <a href="../modules.html#HeadersDefine" class="tsd-signature-type" data-tsd-kind="Type alias">HeadersDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerAction" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Action</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Action<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderActionOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderActionOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseAction</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#headerAction">headerAction</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerField" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Field</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Field<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#headerField">headerField</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerIcon" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Icon</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Icon<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#headerIcon">headerIcon</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerStyle" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Style</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseStyle</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#headerStyle">headerStyle</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerType" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Type</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderTypeOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderTypeOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseHeader</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#headerType">headerType</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="maxWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> max<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">max<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#maxWidth">maxWidth</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="minWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> min<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">min<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#minWidth">minWidth</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="sort" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> sort</h3><div class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OldSortOption</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#sort">sort</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="HeaderDefine.html">HeaderDefine</a>.<a href="HeaderDefine.html#width">width</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-has-type-parameter"><a href="GroupHeaderDefine.html" class="tsd-kind-icon">Group<wbr/>Header<wbr/>Define</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="GroupHeaderDefine.html#columns" class="tsd-kind-icon">columns</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerAction" class="tsd-kind-icon">header<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerField" class="tsd-kind-icon">header<wbr/>Field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerIcon" class="tsd-kind-icon">header<wbr/>Icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerStyle" class="tsd-kind-icon">header<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#headerType" class="tsd-kind-icon">header<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#maxWidth" class="tsd-kind-icon">max<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#minWidth" class="tsd-kind-icon">min<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="GroupHeaderDefine.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/HeaderDefine.html b/documents/tsdoc/interfaces/HeaderDefine.html
new file mode 100644
index 000000000..fef410d94
--- /dev/null
+++ b/documents/tsdoc/interfaces/HeaderDefine.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>HeaderDefine | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="HeaderDefine.html">HeaderDefine</a></li></ul><h1>Interface HeaderDefine<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">BaseHeaderDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li><span class="target">HeaderDefine</span><ul class="tsd-hierarchy"><li><a href="GroupHeaderDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">GroupHeaderDefine</a></li></ul></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section tsd-is-inherited"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerAction" class="tsd-kind-icon">header<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerField" class="tsd-kind-icon">header<wbr/>Field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerIcon" class="tsd-kind-icon">header<wbr/>Icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerStyle" class="tsd-kind-icon">header<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerType" class="tsd-kind-icon">header<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#maxWidth" class="tsd-kind-icon">max<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#minWidth" class="tsd-kind-icon">min<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group tsd-is-inherited"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="caption" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> caption</h3><div class="tsd-signature tsd-kind-icon">caption<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.caption</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerAction" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Action</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Action<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderActionOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderActionOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseAction</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerAction</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerField" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Field</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Field<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerField</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerIcon" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Icon</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Icon<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#ColumnIconOption" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnIconOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerIcon</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerStyle" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Style</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseStyle</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerStyle</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="headerType" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Type</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#HeaderTypeOption" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderTypeOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BaseHeader</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.headerType</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="maxWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> max<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">max<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.maxWidth</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="minWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> min<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">min<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.minWidth</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="sort" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> sort</h3><div class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OldSortOption</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.sort</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from BaseHeaderDefine.width</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-has-type-parameter"><a href="HeaderDefine.html" class="tsd-kind-icon">Header<wbr/>Define</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerAction" class="tsd-kind-icon">header<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerField" class="tsd-kind-icon">header<wbr/>Field</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerIcon" class="tsd-kind-icon">header<wbr/>Icon</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerStyle" class="tsd-kind-icon">header<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#headerType" class="tsd-kind-icon">header<wbr/>Type</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#maxWidth" class="tsd-kind-icon">max<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#minWidth" class="tsd-kind-icon">min<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#sort" class="tsd-kind-icon">sort</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="HeaderDefine.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/ListGridConstructorOptions.html b/documents/tsdoc/interfaces/ListGridConstructorOptions.html
new file mode 100644
index 000000000..62b06c6fe
--- /dev/null
+++ b/documents/tsdoc/interfaces/ListGridConstructorOptions.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ListGridConstructorOptions | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="ListGridConstructorOptions.html">ListGridConstructorOptions</a></li></ul><h1>Interface ListGridConstructorOptions<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">DrawGridConstructorOptions</span><ul class="tsd-hierarchy"><li><span class="target">ListGridConstructorOptions</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#allowRangePaste" class="tsd-kind-icon">allow<wbr/>Range<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="ListGridConstructorOptions.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#disableColumnResize" class="tsd-kind-icon">disable<wbr/>Column<wbr/>Resize</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="ListGridConstructorOptions.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#header" class="tsd-kind-icon">header</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#headerRowHeight" class="tsd-kind-icon">header<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#layout" class="tsd-kind-icon">layout</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#parentElement" class="tsd-kind-icon">parent<wbr/>Element</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#records" class="tsd-kind-icon">records</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="ListGridConstructorOptions.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="allowRangePaste" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> allow<wbr/>Range<wbr/>Paste</h3><div class="tsd-signature tsd-kind-icon">allow<wbr/>Range<wbr/>Paste<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true to allow pasting of ranges. default false</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="colCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">col<wbr/>Count<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span></div><aside class="tsd-sources"><p>Overrides DrawGridConstructorOptions.colCount</p></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>Cannot be used with ListGrid.</p>
+</dd><dt>override</dt><dd></dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dataSource" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> data<wbr/>Source</h3><div class="tsd-signature tsd-kind-icon">data<wbr/>Source<span class="tsd-signature-symbol">?:</span> <a href="../classes/data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Records data source</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="defaultColWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> default<wbr/>Col<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.defaultColWidth</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Default grid col width. default 80</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="defaultRowHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> default<wbr/>Row<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.defaultRowHeight</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Default grid row height. default 40</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disableColumnResize" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disable<wbr/>Column<wbr/>Resize</h3><div class="tsd-signature tsd-kind-icon">disable<wbr/>Column<wbr/>Resize<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.disableColumnResize</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Disable column resizing</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.font</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="frozenColCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> frozen<wbr/>Col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Col<wbr/>Count<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.frozenColCount</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="frozenRowCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> frozen<wbr/>Row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Row<wbr/>Count<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span></div><aside class="tsd-sources"><p>Overrides DrawGridConstructorOptions.frozenRowCount</p></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>Cannot be used with ListGrid.</p>
+</dd><dt>override</dt><dd></dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="header" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header</h3><div class="tsd-signature tsd-kind-icon">header<span class="tsd-signature-symbol">?:</span> <a href="../modules.html#HeadersDefine" class="tsd-signature-type" data-tsd-kind="Type alias">HeadersDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Simple header property</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="headerRowHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> header<wbr/>Row<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Header row height(s)</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="keyboardOptions" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> keyboard<wbr/>Options</h3><div class="tsd-signature tsd-kind-icon">keyboard<wbr/>Options<span class="tsd-signature-symbol">?:</span> <a href="TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.keyboardOptions</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="layout" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> layout</h3><div class="tsd-signature tsd-kind-icon">layout<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">LayoutDefine</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Layout property</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="parentElement" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> parent<wbr/>Element</h3><div class="tsd-signature tsd-kind-icon">parent<wbr/>Element<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.parentElement</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Canvas parent element</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="records" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> records</h3><div class="tsd-signature tsd-kind-icon">records<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Simple records data</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="rowCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">row<wbr/>Count<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span></div><aside class="tsd-sources"><p>Overrides DrawGridConstructorOptions.rowCount</p></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>Cannot be used with ListGrid.</p>
+</dd><dt>override</dt><dd></dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="theme" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> theme</h3><div class="tsd-signature tsd-kind-icon">theme<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Theme</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="trimOnPaste" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> trim<wbr/>On<wbr/>Paste</h3><div class="tsd-signature tsd-kind-icon">trim<wbr/>On<wbr/>Paste<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.trimOnPaste</p></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<p>If set to true, trim the pasted text on pasting.</p>
+</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="underlayBackgroundColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> underlay<wbr/>Background<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">underlay<wbr/>Background<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from DrawGridConstructorOptions.underlayBackgroundColor</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-has-type-parameter"><a href="ListGridConstructorOptions.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Constructor<wbr/>Options</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#allowRangePaste" class="tsd-kind-icon">allow<wbr/>Range<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="ListGridConstructorOptions.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#disableColumnResize" class="tsd-kind-icon">disable<wbr/>Column<wbr/>Resize</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="ListGridConstructorOptions.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#header" class="tsd-kind-icon">header</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#headerRowHeight" class="tsd-kind-icon">header<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#layout" class="tsd-kind-icon">layout</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#parentElement" class="tsd-kind-icon">parent<wbr/>Element</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#records" class="tsd-kind-icon">records</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="ListGridConstructorOptions.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="ListGridConstructorOptions.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="ListGridConstructorOptions.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ActionOption.html b/documents/tsdoc/interfaces/TYPES.ActionOption.html
new file mode 100644
index 000000000..70c226ee2
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ActionOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ActionOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ActionOption.html">ActionOption</a></li></ul><h1>Interface ActionOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseActionOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseActionOption</a><ul class="tsd-hierarchy"><li><span class="target">ActionOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ActionOption.html#action" class="tsd-kind-icon">action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ActionOption.html#disabled" class="tsd-kind-icon">disabled</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="action" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> action</h3><div class="tsd-signature tsd-kind-icon">action<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ActionListener" class="tsd-signature-type" data-tsd-kind="Type alias">ActionListener</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseActionOption.html">BaseActionOption</a>.<a href="TYPES.BaseActionOption.html#disabled">disabled</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ActionOption.html" class="tsd-kind-icon">Action<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ActionOption.html#action" class="tsd-kind-icon">action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ActionOption.html#disabled" class="tsd-kind-icon">disabled</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.BaseActionOption.html b/documents/tsdoc/interfaces/TYPES.BaseActionOption.html
new file mode 100644
index 000000000..6cf39b092
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.BaseActionOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>BaseActionOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.BaseActionOption.html">BaseActionOption</a></li></ul><h1>Interface BaseActionOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">BaseActionOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.ActionOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ActionOption</a></li><li><a href="TYPES.EditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">EditorOption</a></li><li><a href="TYPES.SortHeaderActionOption.html" class="tsd-signature-type" data-tsd-kind="Interface">SortHeaderActionOption</a></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseActionOption.html#disabled" class="tsd-kind-icon">disabled</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.BaseActionOption.html" class="tsd-kind-icon">Base<wbr/>Action<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseActionOption.html#disabled" class="tsd-kind-icon">disabled</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.BaseColumnOption.html b/documents/tsdoc/interfaces/TYPES.BaseColumnOption.html
new file mode 100644
index 000000000..797973fde
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.BaseColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>BaseColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.BaseColumnOption.html">BaseColumnOption</a></li></ul><h1>Interface BaseColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">BaseColumnOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.NumberColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">NumberColumnOption</a></li><li><a href="TYPES.ButtonColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ButtonColumnOption</a></li><li><a href="TYPES.MenuColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">MenuColumnOption</a></li><li><a href="TYPES.IconColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">IconColumnOption</a></li><li><a href="TYPES.PercentCompleteBarColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">PercentCompleteBarColumnOption</a></li><li><a href="TYPES.BranchGraphColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BranchGraphColumnOption</a></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.BaseColumnOption.html" class="tsd-kind-icon">Base<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.BaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.BaseStyleOption.html
new file mode 100644
index 000000000..b20d5e3c5
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.BaseStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>BaseStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.BaseStyleOption.html">BaseStyleOption</a></li></ul><h1>Interface BaseStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">BaseStyleOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a></li><li><a href="TYPES.BranchGraphStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BranchGraphStyleOption</a></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.BaseStyleOption.html" class="tsd-kind-icon">Base<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html b/documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html
new file mode 100644
index 000000000..d0f88636a
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>BranchGraphColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.BranchGraphColumnOption.html">BranchGraphColumnOption</a></li></ul><h1>Interface BranchGraphColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseColumnOption</a><ul class="tsd-hierarchy"><li><span class="target">BranchGraphColumnOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphColumnOption.html#cache" class="tsd-kind-icon">cache</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphColumnOption.html#start" class="tsd-kind-icon">start</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="cache" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> cache</h3><div class="tsd-signature tsd-kind-icon">cache<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseColumnOption.html">BaseColumnOption</a>.<a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise">fadeinWhenCallbackInPromise</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="start" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> start</h3><div class="tsd-signature tsd-kind-icon">start<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">"top"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"bottom"</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.BranchGraphColumnOption.html" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphColumnOption.html#cache" class="tsd-kind-icon">cache</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphColumnOption.html#start" class="tsd-kind-icon">start</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html b/documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html
new file mode 100644
index 000000000..552cc8ec4
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>BranchGraphStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.BranchGraphStyleOption.html">BranchGraphStyleOption</a></li></ul><h1>Interface BranchGraphStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">BranchGraphStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#branchColors" class="tsd-kind-icon">branch<wbr/>Colors</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#branchLineWidth" class="tsd-kind-icon">branch<wbr/>Line<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#circleSize" class="tsd-kind-icon">circle<wbr/>Size</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#margin" class="tsd-kind-icon">margin</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#mergeStyle" class="tsd-kind-icon">merge<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="branchColors" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> branch<wbr/>Colors</h3><div class="tsd-signature tsd-kind-icon">branch<wbr/>Colors<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="branchLineWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> branch<wbr/>Line<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">branch<wbr/>Line<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="circleSize" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> circle<wbr/>Size</h3><div class="tsd-signature tsd-kind-icon">circle<wbr/>Size<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="margin" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> margin</h3><div class="tsd-signature tsd-kind-icon">margin<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mergeStyle" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> merge<wbr/>Style</h3><div class="tsd-signature tsd-kind-icon">merge<wbr/>Style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">"straight"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"bezier"</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.BranchGraphStyleOption.html" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#branchColors" class="tsd-kind-icon">branch<wbr/>Colors</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#branchLineWidth" class="tsd-kind-icon">branch<wbr/>Line<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#circleSize" class="tsd-kind-icon">circle<wbr/>Size</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#margin" class="tsd-kind-icon">margin</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.BranchGraphStyleOption.html#mergeStyle" class="tsd-kind-icon">merge<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.BranchGraphStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html b/documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html
new file mode 100644
index 000000000..5b60f54a5
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ButtonColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ButtonColumnOption.html">ButtonColumnOption</a></li></ul><h1>Interface ButtonColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseColumnOption</a><ul class="tsd-hierarchy"><li><span class="target">ButtonColumnOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ButtonColumnOption.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="caption" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> caption</h3><div class="tsd-signature tsd-kind-icon">caption<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseColumnOption.html">BaseColumnOption</a>.<a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise">fadeinWhenCallbackInPromise</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ButtonColumnOption.html" class="tsd-kind-icon">Button<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ButtonColumnOption.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html b/documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html
new file mode 100644
index 000000000..8d94c6021
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ButtonStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ButtonStyleOption.html">ButtonStyleOption</a></li></ul><h1>Interface ButtonStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="../modules/TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a><ul class="tsd-hierarchy"><li><span class="target">ButtonStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ButtonStyleOption.html#buttonBgColor" class="tsd-kind-icon">button<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.bgColor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="buttonBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> button<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">button<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.color</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.font</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.padding</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textAlign</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textBaseline</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textOverflow</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.visibility</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ButtonStyleOption.html" class="tsd-kind-icon">Button<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ButtonStyleOption.html#buttonBgColor" class="tsd-kind-icon">button<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ButtonStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.CellAddress.html b/documents/tsdoc/interfaces/TYPES.CellAddress.html
new file mode 100644
index 000000000..6ced3badc
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.CellAddress.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CellAddress | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.CellAddress.html">CellAddress</a></li></ul><h1>Interface CellAddress</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">CellAddress</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellAddress.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellAddress.html#row" class="tsd-kind-icon">row</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="col" class="tsd-anchor"></a><h3>col</h3><div class="tsd-signature tsd-kind-icon">col<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="row" class="tsd-anchor"></a><h3>row</h3><div class="tsd-signature tsd-kind-icon">row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.CellAddress.html" class="tsd-kind-icon">Cell<wbr/>Address</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellAddress.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellAddress.html#row" class="tsd-kind-icon">row</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.CellContext.html b/documents/tsdoc/interfaces/TYPES.CellContext.html
new file mode 100644
index 000000000..2a9b47341
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.CellContext.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CellContext | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.CellContext.html">CellContext</a></li></ul><h1>Interface CellContext</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">CellContext</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellContext.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellContext.html#row" class="tsd-kind-icon">row</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getContext" class="tsd-kind-icon">get<wbr/>Context</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getDrawRect" class="tsd-kind-icon">get<wbr/>Draw<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getRect" class="tsd-kind-icon">get<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getSelection" class="tsd-kind-icon">get<wbr/>Selection</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#setRectFilter" class="tsd-kind-icon">set<wbr/>Rect<wbr/>Filter</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#toCurrentContext" class="tsd-kind-icon">to<wbr/>Current<wbr/>Context</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="col" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> col</h3><div class="tsd-signature tsd-kind-icon">col<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="row" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> row</h3><div class="tsd-signature tsd-kind-icon">row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getContext" class="tsd-anchor"></a><h3>get<wbr/>Context</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Context<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">CanvasRenderingContext2D</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getDrawRect" class="tsd-anchor"></a><h3>get<wbr/>Draw<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Draw<wbr/>Rect<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getRect" class="tsd-anchor"></a><h3>get<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Rect<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getSelection" class="tsd-anchor"></a><h3>get<wbr/>Selection</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Selection<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>range<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">; </span>select<span class="tsd-signature-symbol">: </span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>range<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">; </span>select<span class="tsd-signature-symbol">: </span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>range<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li><li class="tsd-parameter"><h5>select<span class="tsd-signature-symbol">: </span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></h5></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setRectFilter" class="tsd-anchor"></a><h3>set<wbr/>Rect<wbr/>Filter</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Rect<wbr/>Filter<span class="tsd-signature-symbol">(</span>rectFilter<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>base<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>rectFilter: <span class="tsd-signature-symbol">(</span>base<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>base<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>base: <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="toCurrentContext" class="tsd-anchor"></a><h3>to<wbr/>Current<wbr/>Context</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">to<wbr/>Current<wbr/>Context<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.CellContext.html" class="tsd-kind-icon">Cell<wbr/>Context</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellContext.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellContext.html#row" class="tsd-kind-icon">row</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getContext" class="tsd-kind-icon">get<wbr/>Context</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getDrawRect" class="tsd-kind-icon">get<wbr/>Draw<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getRect" class="tsd-kind-icon">get<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#getSelection" class="tsd-kind-icon">get<wbr/>Selection</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#setRectFilter" class="tsd-kind-icon">set<wbr/>Rect<wbr/>Filter</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.CellContext.html#toCurrentContext" class="tsd-kind-icon">to<wbr/>Current<wbr/>Context</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.CellRange.html b/documents/tsdoc/interfaces/TYPES.CellRange.html
new file mode 100644
index 000000000..30deafc24
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.CellRange.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CellRange | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.CellRange.html">CellRange</a></li></ul><h1>Interface CellRange</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">CellRange</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellRange.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellRange.html#start" class="tsd-kind-icon">start</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="end" class="tsd-anchor"></a><h3>end</h3><div class="tsd-signature tsd-kind-icon">end<span class="tsd-signature-symbol">:</span> <a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="start" class="tsd-anchor"></a><h3>start</h3><div class="tsd-signature tsd-kind-icon">start<span class="tsd-signature-symbol">:</span> <a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.CellRange.html" class="tsd-kind-icon">Cell<wbr/>Range</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellRange.html#end" class="tsd-kind-icon">end</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CellRange.html#start" class="tsd-kind-icon">start</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html b/documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html
new file mode 100644
index 000000000..416211aac
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CheckHeaderStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.CheckHeaderStyleOption.html">CheckHeaderStyleOption</a></li></ul><h1>Interface CheckHeaderStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdTextBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">CheckHeaderStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckHeaderStyleOption.html#borderColor" class="tsd-kind-icon">border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckHeaderStyleOption.html#checkBgColor" class="tsd-kind-icon">check<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckHeaderStyleOption.html#uncheckBgColor" class="tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="borderColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">border<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#color">color</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#font">font</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#padding">padding</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#textOverflow">textOverflow</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="uncheckBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.CheckHeaderStyleOption.html" class="tsd-kind-icon">Check<wbr/>Header<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckHeaderStyleOption.html#borderColor" class="tsd-kind-icon">border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckHeaderStyleOption.html#checkBgColor" class="tsd-kind-icon">check<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckHeaderStyleOption.html#uncheckBgColor" class="tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckHeaderStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.CheckStyleOption.html b/documents/tsdoc/interfaces/TYPES.CheckStyleOption.html
new file mode 100644
index 000000000..39dac9be7
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.CheckStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CheckStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.CheckStyleOption.html">CheckStyleOption</a></li></ul><h1>Interface CheckStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">CheckStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckStyleOption.html#borderColor" class="tsd-kind-icon">border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckStyleOption.html#checkBgColor" class="tsd-kind-icon">check<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckStyleOption.html#uncheckBgColor" class="tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="borderColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">border<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="uncheckBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.CheckStyleOption.html" class="tsd-kind-icon">Check<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckStyleOption.html#borderColor" class="tsd-kind-icon">border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckStyleOption.html#checkBgColor" class="tsd-kind-icon">check<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.CheckStyleOption.html#uncheckBgColor" class="tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.CheckStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html b/documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html
new file mode 100644
index 000000000..7dd031bed
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ColumnActionAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ColumnActionAPI.html">ColumnActionAPI</a></li></ul><h1>Interface ColumnActionAPI</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ColumnActionAPI</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnActionAPI.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnActionAPI.html#editable" class="tsd-kind-icon">editable</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="disabled" class="tsd-anchor"></a><h3>disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="editable" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> editable</h3><div class="tsd-signature tsd-kind-icon">editable<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ColumnActionAPI.html" class="tsd-kind-icon">Column<wbr/>ActionAPI</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnActionAPI.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnActionAPI.html#editable" class="tsd-kind-icon">editable</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html
new file mode 100644
index 000000000..3e4314178
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ColumnMenuItemObjectOptions | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ColumnMenuItemObjectOptions.html">ColumnMenuItemObjectOptions</a></li></ul><h1>Interface ColumnMenuItemObjectOptions</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ColumnMenuItemObjectOptions</span></li></ul></section><section class="tsd-panel tsd-kind-interface tsd-parent-kind-namespace"><h3 class="tsd-before-signature">Indexable</h3><div class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">[</span>value: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">string</span></div></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ColumnMenuItemObjectOptions.html" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Object<wbr/>Options</a><ul></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html
new file mode 100644
index 000000000..54d8eae6e
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ColumnMenuItemOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ColumnMenuItemOption.html">ColumnMenuItemOption</a></li></ul><h1>Interface ColumnMenuItemOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ColumnMenuItemOption</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#html" class="tsd-kind-icon">html</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#label" class="tsd-kind-icon">label</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#value" class="tsd-kind-icon">value</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="classList" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr/>List</h3><div class="tsd-signature tsd-kind-icon">class<wbr/>List<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="html" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> html</h3><div class="tsd-signature tsd-kind-icon">html<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="label" class="tsd-anchor"></a><h3>label</h3><div class="tsd-signature tsd-kind-icon">label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="value" class="tsd-anchor"></a><h3>value</h3><div class="tsd-signature tsd-kind-icon">value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ColumnMenuItemOption.html" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#html" class="tsd-kind-icon">html</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#label" class="tsd-kind-icon">label</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnMenuItemOption.html#value" class="tsd-kind-icon">value</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ColumnStyle.html b/documents/tsdoc/interfaces/TYPES.ColumnStyle.html
new file mode 100644
index 000000000..1c46276a7
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ColumnStyle.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ColumnStyle | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ColumnStyle.html">ColumnStyle</a></li></ul><h1>Interface ColumnStyle</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ColumnStyle</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#clone" class="tsd-kind-icon">clone</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#doChangeStyle" class="tsd-kind-icon">do<wbr/>Change<wbr/>Style</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorObject" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorObject</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorObject" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorObject</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorObject" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorObject</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorObject" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorObject</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="clone" class="tsd-anchor"></a><h3>clone</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">clone<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.ColumnStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStyle</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="TYPES.ColumnStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStyle</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="doChangeStyle" class="tsd-anchor"></a><h3>do<wbr/>Change<wbr/>Style</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">do<wbr/>Change<wbr/>Style<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ColumnStyle.html" class="tsd-kind-icon">Column<wbr/>Style</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#visibility" class="tsd-kind-icon">visibility</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#clone" class="tsd-kind-icon">clone</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ColumnStyle.html#doChangeStyle" class="tsd-kind-icon">do<wbr/>Change<wbr/>Style</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html b/documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html
new file mode 100644
index 000000000..332259511
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ColumnTypeAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ColumnTypeAPI.html">ColumnTypeAPI</a></li></ul><h1>Interface ColumnTypeAPI</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ColumnTypeAPI</span></li></ul></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ColumnTypeAPI.html" class="tsd-kind-icon">Column<wbr/>TypeAPI</a><ul></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.DataSourceAPI.html b/documents/tsdoc/interfaces/TYPES.DataSourceAPI.html
new file mode 100644
index 000000000..bf496951d
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.DataSourceAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DataSourceAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.DataSourceAPI.html">DataSourceAPI</a></li></ul><h1>Interface DataSourceAPI<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">DataSourceAPI</span></li></ul></section><section class="tsd-panel"><h3>Implemented by</h3><ul class="tsd-hierarchy"><li><a href="../classes/data.DataSource.html" class="tsd-signature-type" data-tsd-kind="Class">DataSource</a></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#length" class="tsd-kind-icon">length</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.DataSourceAPI.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.DataSourceAPI.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#sort" class="tsd-kind-icon">sort</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dataSource" class="tsd-anchor"></a><h3>data<wbr/>Source</h3><div class="tsd-signature tsd-kind-icon">data<wbr/>Source<span class="tsd-signature-symbol">:</span> <a href="TYPES.DataSourceAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="length" class="tsd-anchor"></a><h3>length</h3><div class="tsd-signature tsd-kind-icon">length<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="get" class="tsd-anchor"></a><h3>get</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a id="getField" class="tsd-anchor"></a><h3>get<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">get<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="hasField" class="tsd-anchor"></a><h3>has<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">has<wbr/>Field<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a id="setField" class="tsd-anchor"></a><h3>set<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">set<wbr/>Field<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li><li><h5>field: <span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span></h5></li><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="sort" class="tsd-anchor"></a><h3>sort</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, order<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>order: <span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.DataSourceAPI.html" class="tsd-kind-icon">Data<wbr/>SourceAPI</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.DataSourceAPI.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#hasField" class="tsd-kind-icon">has<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.DataSourceAPI.html#setField" class="tsd-kind-icon">set<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DataSourceAPI.html#sort" class="tsd-kind-icon">sort</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridAPI.html b/documents/tsdoc/interfaces/TYPES.DrawGridAPI.html
new file mode 100644
index 000000000..77132516c
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.DrawGridAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DrawGridAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.DrawGridAPI.html">DrawGridAPI</a></li></ul><h1>Interface DrawGridAPI</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">DrawGridAPI</span><ul class="tsd-hierarchy"><li><a href="TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a></li></ul></li></ul></section><section class="tsd-panel"><h3>Implemented by</h3><ul class="tsd-hierarchy"><li><a href="../classes/core.DrawGrid.html" class="tsd-signature-type" data-tsd-kind="Class">DrawGrid</a></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.DrawGridAPI.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="canvas" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> canvas</h3><div class="tsd-signature tsd-kind-icon">canvas<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="colCount" class="tsd-anchor"></a><h3>col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="defaultColWidth" class="tsd-anchor"></a><h3>default<wbr/>Col<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="defaultRowHeight" class="tsd-anchor"></a><h3>default<wbr/>Row<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frozenColCount" class="tsd-anchor"></a><h3>frozen<wbr/>Col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frozenRowCount" class="tsd-anchor"></a><h3>frozen<wbr/>Row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keyboardOptions" class="tsd-anchor"></a><h3>keyboard<wbr/>Options</h3><div class="tsd-signature tsd-kind-icon">keyboard<wbr/>Options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="leftCol" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> left<wbr/>Col</h3><div class="tsd-signature tsd-kind-icon">left<wbr/>Col<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="rowCount" class="tsd-anchor"></a><h3>row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="scrollLeft" class="tsd-anchor"></a><h3>scroll<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">scroll<wbr/>Left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="scrollTop" class="tsd-anchor"></a><h3>scroll<wbr/>Top</h3><div class="tsd-signature tsd-kind-icon">scroll<wbr/>Top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selection" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> selection</h3><div class="tsd-signature tsd-kind-icon">selection<span class="tsd-signature-symbol">:</span> <a href="TYPES.Selection.html" class="tsd-signature-type" data-tsd-kind="Interface">Selection</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="topRow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> top<wbr/>Row</h3><div class="tsd-signature tsd-kind-icon">top<wbr/>Row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="trimOnPaste" class="tsd-anchor"></a><h3>trim<wbr/>On<wbr/>Paste</h3><div class="tsd-signature tsd-kind-icon">trim<wbr/>On<wbr/>Paste<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="underlayBackgroundColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> underlay<wbr/>Background<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">underlay<wbr/>Background<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="visibleColCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> visible<wbr/>Col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">visible<wbr/>Col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="visibleRowCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> visible<wbr/>Row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">visible<wbr/>Row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="addDisposable" class="tsd-anchor"></a><h3>add<wbr/>Disposable</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">add<wbr/>Disposable<span class="tsd-signature-symbol">(</span>disposable<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>disposable: <span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>dispose<span class="tsd-signature-symbol">:</span>function</h5><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-type-literal"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="configure" class="tsd-anchor"></a><h3>configure</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">configure<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span>, value<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> value: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="focus" class="tsd-anchor"></a><h3>focus</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">focus<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="focusCell" class="tsd-anchor"></a><h3>focus<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">focus<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getAttachCellsArea" class="tsd-anchor"></a><h3>get<wbr/>Attach<wbr/>Cells<wbr/>Area</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></h5></li><li class="tsd-parameter"><h5>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h5></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellAt" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellOverflowText" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellRangeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect<span class="tsd-signature-symbol">(</span>cellRange<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cellRange: <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellRelativeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Relative<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellsRect" class="tsd-anchor"></a><h3>get<wbr/>Cells<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cells<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5></li><li><h5>endCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>endRow: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getColAt" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getColWidth" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getElement" class="tsd-anchor"></a><h3>get<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Element<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getMaxColWidth" class="tsd-anchor"></a><h3>get<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getMinColWidth" class="tsd-anchor"></a><h3>get<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getRowAt" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getRowHeight" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="hasFocusGrid" class="tsd-anchor"></a><h3>has<wbr/>Focus<wbr/>Grid</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">has<wbr/>Focus<wbr/>Grid<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="invalidate" class="tsd-anchor"></a><h3>invalidate</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">invalidate<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="invalidateCell" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="invalidateCellRange" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>cellRange<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cellRange: <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="invalidateGridRect" class="tsd-anchor"></a><h3>invalidate<wbr/>Grid<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> endCol: <span class="tsd-signature-type">number</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> endRow: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="isFrozenCell" class="tsd-anchor"></a><h3>is<wbr/>Frozen<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span>, listener<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, listener<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>TYPE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span></h5></li><li><h5>listener: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>event: <a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type">string</span></h5></li><li><h5>listener: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="makeVisibleCell" class="tsd-anchor"></a><h3>make<wbr/>Visible<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">make<wbr/>Visible<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="onKeyDownMove" class="tsd-anchor"></a><h3>on<wbr/>Key<wbr/>Down<wbr/>Move</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move<span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>evt: <span class="tsd-signature-type">KeyboardEvent</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setCellOverflowText" class="tsd-anchor"></a><h3>set<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, overflowText<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>overflowText: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setColWidth" class="tsd-anchor"></a><h3>set<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>width: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setFocusCursor" class="tsd-anchor"></a><h3>set<wbr/>Focus<wbr/>Cursor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setMaxColWidth" class="tsd-anchor"></a><h3>set<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, maxwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>maxwidth: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setMinColWidth" class="tsd-anchor"></a><h3>set<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, minwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>minwidth: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setRowHeight" class="tsd-anchor"></a><h3>set<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>height: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="updateScroll" class="tsd-anchor"></a><h3>update<wbr/>Scroll</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">update<wbr/>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="updateSize" class="tsd-anchor"></a><h3>update<wbr/>Size</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">update<wbr/>Size<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.DrawGridAPI.html" class="tsd-kind-icon">Draw<wbr/>GridAPI</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.DrawGridAPI.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.DrawGridAPI.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html
new file mode 100644
index 000000000..008408953
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DrawGridEventHandlersEventMap | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a></li></ul><h1>Interface DrawGridEventHandlersEventMap</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">DrawGridEventHandlersEventMap</span><ul class="tsd-hierarchy"><li><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="blur_grid" class="tsd-anchor"></a><h3>blur_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">blur_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">FocusEvent</span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="click_cell" class="tsd-anchor"></a><h3>click_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">click_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="contextmenu_cell" class="tsd-anchor"></a><h3>contextmenu_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">contextmenu_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="copydata" class="tsd-anchor"></a><h3>copydata</h3><div class="tsd-signature tsd-kind-icon">copydata<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dblclick_cell" class="tsd-anchor"></a><h3>dblclick_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dblclick_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dbltap_cell" class="tsd-anchor"></a><h3>dbltap_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dbltap_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#TouchCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">TouchCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="delete_cell" class="tsd-anchor"></a><h3>delete_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">delete_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#DeleteCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">DeleteCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="editableinput_cell" class="tsd-anchor"></a><h3>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="focus_grid" class="tsd-anchor"></a><h3>focus_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">focus_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">FocusEvent</span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="input_cell" class="tsd-anchor"></a><h3>input_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">input_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#InputCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">InputCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keydown" class="tsd-anchor"></a><h3>keydown</h3><div class="tsd-signature tsd-kind-icon">keydown<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#KeydownEvent" class="tsd-signature-type" data-tsd-kind="Type alias">KeydownEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="modify_status_editableinput_cell" class="tsd-anchor"></a><h3>modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ModifyStatusEditableinputCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ModifyStatusEditableinputCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mousedown_cell" class="tsd-anchor"></a><h3>mousedown_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousedown_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseenter_cell" class="tsd-anchor"></a><h3>mouseenter_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseenter_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseleave_cell" class="tsd-anchor"></a><h3>mouseleave_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseleave_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mousemove_cell" class="tsd-anchor"></a><h3>mousemove_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousemove_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseout_cell" class="tsd-anchor"></a><h3>mouseout_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseout_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseover_cell" class="tsd-anchor"></a><h3>mouseover_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseover_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseup_cell" class="tsd-anchor"></a><h3>mouseup_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseup_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="paste_cell" class="tsd-anchor"></a><h3>paste_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">paste_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#PasteCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">PasteCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="resize_column" class="tsd-anchor"></a><h3>resize_<wbr/>column</h3><div class="tsd-signature tsd-kind-icon">resize_<wbr/>column<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="scroll" class="tsd-anchor"></a><h3>scroll</h3><div class="tsd-signature tsd-kind-icon">scroll<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ScrollEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ScrollEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selected_cell" class="tsd-anchor"></a><h3>selected_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">selected_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#SelectedCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">SelectedCellEvent</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="touchstart_cell" class="tsd-anchor"></a><h3>touchstart_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">touchstart_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#TouchCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">TouchCellEvent</a><span class="tsd-signature-symbol">]</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Event<wbr/>Map</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersEventMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html
new file mode 100644
index 000000000..17896f552
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DrawGridEventHandlersReturnMap | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a></li></ul><h1>Interface DrawGridEventHandlersReturnMap</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">DrawGridEventHandlersReturnMap</span><ul class="tsd-hierarchy"><li><a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="blur_grid" class="tsd-anchor"></a><h3>blur_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">blur_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="click_cell" class="tsd-anchor"></a><h3>click_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">click_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="contextmenu_cell" class="tsd-anchor"></a><h3>contextmenu_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">contextmenu_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="copydata" class="tsd-anchor"></a><h3>copydata</h3><div class="tsd-signature tsd-kind-icon">copydata<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dblclick_cell" class="tsd-anchor"></a><h3>dblclick_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dblclick_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dbltap_cell" class="tsd-anchor"></a><h3>dbltap_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dbltap_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="delete_cell" class="tsd-anchor"></a><h3>delete_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">delete_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="editableinput_cell" class="tsd-anchor"></a><h3>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="focus_grid" class="tsd-anchor"></a><h3>focus_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">focus_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="input_cell" class="tsd-anchor"></a><h3>input_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">input_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="keydown" class="tsd-anchor"></a><h3>keydown</h3><div class="tsd-signature tsd-kind-icon">keydown<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="modify_status_editableinput_cell" class="tsd-anchor"></a><h3>modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mousedown_cell" class="tsd-anchor"></a><h3>mousedown_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousedown_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseenter_cell" class="tsd-anchor"></a><h3>mouseenter_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseenter_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseleave_cell" class="tsd-anchor"></a><h3>mouseleave_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseleave_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mousemove_cell" class="tsd-anchor"></a><h3>mousemove_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousemove_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseout_cell" class="tsd-anchor"></a><h3>mouseout_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseout_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseover_cell" class="tsd-anchor"></a><h3>mouseover_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseover_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="mouseup_cell" class="tsd-anchor"></a><h3>mouseup_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseup_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="paste_cell" class="tsd-anchor"></a><h3>paste_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">paste_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="resize_column" class="tsd-anchor"></a><h3>resize_<wbr/>column</h3><div class="tsd-signature tsd-kind-icon">resize_<wbr/>column<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="scroll" class="tsd-anchor"></a><h3>scroll</h3><div class="tsd-signature tsd-kind-icon">scroll<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selected_cell" class="tsd-anchor"></a><h3>selected_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">selected_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="touchstart_cell" class="tsd-anchor"></a><h3>touchstart_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">touchstart_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Return<wbr/>Map</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridEventHandlersReturnMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html b/documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html
new file mode 100644
index 000000000..d534eb3a9
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DrawGridKeyboardOptions | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.DrawGridKeyboardOptions.html">DrawGridKeyboardOptions</a></li></ul><h1>Interface DrawGridKeyboardOptions</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">DrawGridKeyboardOptions</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#deleteCellValueOnDel" class="tsd-kind-icon">delete<wbr/>Cell<wbr/>Value<wbr/>On<wbr/>Del</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#moveCellOnEnter" class="tsd-kind-icon">move<wbr/>Cell<wbr/>On<wbr/>Enter</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#moveCellOnTab" class="tsd-kind-icon">move<wbr/>Cell<wbr/>On<wbr/>Tab</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#selectAllOnCtrlA" class="tsd-kind-icon">select<wbr/>All<wbr/>On<wbr/>CtrlA</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="deleteCellValueOnDel" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> delete<wbr/>Cell<wbr/>Value<wbr/>On<wbr/>Del</h3><div class="tsd-signature tsd-kind-icon">delete<wbr/>Cell<wbr/>Value<wbr/>On<wbr/>Del<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="moveCellOnEnter" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> move<wbr/>Cell<wbr/>On<wbr/>Enter</h3><div class="tsd-signature tsd-kind-icon">move<wbr/>Cell<wbr/>On<wbr/>Enter<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#DrawGridKeyboardMoveCellFunction" class="tsd-signature-type" data-tsd-kind="Type alias">DrawGridKeyboardMoveCellFunction</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="moveCellOnTab" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> move<wbr/>Cell<wbr/>On<wbr/>Tab</h3><div class="tsd-signature tsd-kind-icon">move<wbr/>Cell<wbr/>On<wbr/>Tab<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#DrawGridKeyboardMoveCellFunction" class="tsd-signature-type" data-tsd-kind="Type alias">DrawGridKeyboardMoveCellFunction</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selectAllOnCtrlA" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> select<wbr/>All<wbr/>On<wbr/>CtrlA</h3><div class="tsd-signature tsd-kind-icon">select<wbr/>All<wbr/>On<wbr/>CtrlA<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.DrawGridKeyboardOptions.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Options</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#deleteCellValueOnDel" class="tsd-kind-icon">delete<wbr/>Cell<wbr/>Value<wbr/>On<wbr/>Del</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#moveCellOnEnter" class="tsd-kind-icon">move<wbr/>Cell<wbr/>On<wbr/>Enter</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#moveCellOnTab" class="tsd-kind-icon">move<wbr/>Cell<wbr/>On<wbr/>Tab</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.DrawGridKeyboardOptions.html#selectAllOnCtrlA" class="tsd-kind-icon">select<wbr/>All<wbr/>On<wbr/>CtrlA</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.EditorOption.html b/documents/tsdoc/interfaces/TYPES.EditorOption.html
new file mode 100644
index 000000000..a47d95b5f
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.EditorOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>EditorOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.EditorOption.html">EditorOption</a></li></ul><h1>Interface EditorOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseActionOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseActionOption</a><ul class="tsd-hierarchy"><li><span class="target">EditorOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.InlineMenuEditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">InlineMenuEditorOption</a></li><li><a href="TYPES.InlineInputEditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">InlineInputEditorOption</a></li><li><a href="TYPES.SmallDialogInputEditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">SmallDialogInputEditorOption</a></li><li><a href="TYPES.RadioEditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">RadioEditorOption</a></li></ul></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.EditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.EditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseActionOption.html">BaseActionOption</a>.<a href="TYPES.BaseActionOption.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="readOnly" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.EditorOption.html" class="tsd-kind-icon">Editor<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.EditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.EditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.FieldAssessor.html b/documents/tsdoc/interfaces/TYPES.FieldAssessor.html
new file mode 100644
index 000000000..f4b122e31
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.FieldAssessor.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>FieldAssessor | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.FieldAssessor.html">FieldAssessor</a></li></ul><h1>Interface FieldAssessor<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">FieldAssessor</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FieldAssessor.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FieldAssessor.html#set" class="tsd-kind-icon">set</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="get" class="tsd-anchor"></a><h3>get</h3><div class="tsd-signature tsd-kind-icon">get<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="set" class="tsd-anchor"></a><h3>set</h3><div class="tsd-signature tsd-kind-icon">set<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#FieldSetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldSetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.FieldAssessor.html" class="tsd-kind-icon">Field<wbr/>Assessor</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FieldAssessor.html#get" class="tsd-kind-icon">get</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FieldAssessor.html#set" class="tsd-kind-icon">set</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.FontIcon.html b/documents/tsdoc/interfaces/TYPES.FontIcon.html
new file mode 100644
index 000000000..74fb24322
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.FontIcon.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>FontIcon | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.FontIcon.html">FontIcon</a></li></ul><h1>Interface FontIcon<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">FontIcon</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#className" class="tsd-kind-icon">class<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#content" class="tsd-kind-icon">content</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#isLiga" class="tsd-kind-icon">is<wbr/>Liga</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#offsetLeft" class="tsd-kind-icon">offset<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#offsetTop" class="tsd-kind-icon">offset<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#tagName" class="tsd-kind-icon">tag<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="className" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr/>Name</h3><div class="tsd-signature tsd-kind-icon">class<wbr/>Name<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="content" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> content</h3><div class="tsd-signature tsd-kind-icon">content<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> ? </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol"> : </span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="isLiga" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Liga</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Liga<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="offsetLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> offset<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">offset<wbr/>Left<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="offsetTop" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> offset<wbr/>Top</h3><div class="tsd-signature tsd-kind-icon">offset<wbr/>Top<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="tagName" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> tag<wbr/>Name</h3><div class="tsd-signature tsd-kind-icon">tag<wbr/>Name<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.FontIcon.html" class="tsd-kind-icon">Font<wbr/>Icon</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#className" class="tsd-kind-icon">class<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#content" class="tsd-kind-icon">content</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#isLiga" class="tsd-kind-icon">is<wbr/>Liga</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#offsetLeft" class="tsd-kind-icon">offset<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#offsetTop" class="tsd-kind-icon">offset<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#tagName" class="tsd-kind-icon">tag<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.FontIcon.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html b/documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html
new file mode 100644
index 000000000..fef17a48f
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridCanvasHelperAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.GridCanvasHelperAPI.html">GridCanvasHelperAPI</a></li></ul><h1>Interface GridCanvasHelperAPI</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">GridCanvasHelperAPI</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#theme" class="tsd-kind-icon">theme</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#buildCheckBoxInline" class="tsd-kind-icon">build<wbr/>Check<wbr/>Box<wbr/>Inline</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#button" class="tsd-kind-icon">button</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#checkbox" class="tsd-kind-icon">checkbox</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#drawBorderWithClip" class="tsd-kind-icon">draw<wbr/>Border<wbr/>With<wbr/>Clip</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#drawWithClip" class="tsd-kind-icon">draw<wbr/>With<wbr/>Clip</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#fillRectWithState" class="tsd-kind-icon">fill<wbr/>Rect<wbr/>With<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#getColor" class="tsd-kind-icon">get<wbr/>Color</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#multilineText" class="tsd-kind-icon">multiline<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#radioButton" class="tsd-kind-icon">radio<wbr/>Button</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#testFontLoad" class="tsd-kind-icon">test<wbr/>Font<wbr/>Load</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#text" class="tsd-kind-icon">text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#toBoxPixelArray" class="tsd-kind-icon">to<wbr/>Box<wbr/>Pixel<wbr/>Array</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="theme" class="tsd-anchor"></a><h3>theme</h3><div class="tsd-signature tsd-kind-icon">theme<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#RequiredThemeDefine" class="tsd-signature-type" data-tsd-kind="Type alias">RequiredThemeDefine</a></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="buildCheckBoxInline" class="tsd-anchor"></a><h3>build<wbr/>Check<wbr/>Box<wbr/>Inline</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">build<wbr/>Check<wbr/>Box<wbr/>Inline<span class="tsd-signature-symbol">(</span>check<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>animElapsedTime<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>borderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.InlineAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">InlineAPI</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>check: <span class="tsd-signature-type">boolean</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>animElapsedTime<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>borderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> anim<wbr/>Elapsed<wbr/>Time<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.InlineAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">InlineAPI</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="button" class="tsd-anchor"></a><h3>button</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">button<span class="tsd-signature-symbol">(</span>caption<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>bgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>shadow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>blur<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>offsetX<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offsetY<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>textOverflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>caption: <span class="tsd-signature-type">string</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>bgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>shadow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>blur<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>offsetX<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offsetY<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>textOverflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> shadow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>blur<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>offsetX<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offsetY<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> blur<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> color<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> x<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> y<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li></ul></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offsetX<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offsetY<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li></ul></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="checkbox" class="tsd-anchor"></a><h3>checkbox</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">checkbox<span class="tsd-signature-symbol">(</span>check<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>animElapsedTime<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>borderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>check: <span class="tsd-signature-type">boolean</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>animElapsedTime<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>borderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> anim<wbr/>Elapsed<wbr/>Time<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="drawBorderWithClip" class="tsd-anchor"></a><h3>draw<wbr/>Border<wbr/>With<wbr/>Clip</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">draw<wbr/>Border<wbr/>With<wbr/>Clip<span class="tsd-signature-symbol">(</span>context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, draw<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>draw: <span class="tsd-signature-symbol">(</span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>ctx: <span class="tsd-signature-type">CanvasRenderingContext2D</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="drawWithClip" class="tsd-anchor"></a><h3>draw<wbr/>With<wbr/>Clip</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">draw<wbr/>With<wbr/>Clip<span class="tsd-signature-symbol">(</span>context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, draw<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>draw: <span class="tsd-signature-symbol">(</span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>ctx: <span class="tsd-signature-type">CanvasRenderingContext2D</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="fillRectWithState" class="tsd-anchor"></a><h3>fill<wbr/>Rect<wbr/>With<wbr/>State</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">fill<wbr/>Rect<wbr/>With<wbr/>State<span class="tsd-signature-symbol">(</span>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>fillColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>rect: <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>fillColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> fill<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getColor" class="tsd-anchor"></a><h3>get<wbr/>Color</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Color<span class="tsd-signature-symbol">(</span>color<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a>, col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></li><li class="tsd-signature tsd-kind-icon">get<wbr/>Color<span class="tsd-signature-symbol">(</span>color<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#ColorsPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorsPropertyDefine</a>, col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ColorsDef</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>color: <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>ctx: <span class="tsd-signature-type">CanvasRenderingContext2D</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></h4></li><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>color: <a href="../modules/TYPES.html#ColorsPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorsPropertyDefine</a></h5></li><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>ctx: <span class="tsd-signature-type">CanvasRenderingContext2D</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ColorsDef</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="multilineText" class="tsd-anchor"></a><h3>multiline<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">multiline<wbr/>Text<span class="tsd-signature-symbol">(</span>multilines<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>autoWrapText<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>lineClamp<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a><span class="tsd-signature-symbol">; </span>lineHeight<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>textOverflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>multilines: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>autoWrapText<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>lineClamp<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a><span class="tsd-signature-symbol">; </span>lineHeight<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>textOverflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> auto<wbr/>Wrap<wbr/>Text<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Clamp<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="radioButton" class="tsd-anchor"></a><h3>radio<wbr/>Button</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">radio<wbr/>Button<span class="tsd-signature-symbol">(</span>check<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>animElapsedTime<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBorderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>uncheckBorderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>check: <span class="tsd-signature-type">boolean</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>animElapsedTime<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBorderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>uncheckBorderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> anim<wbr/>Elapsed<wbr/>Time<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="testFontLoad" class="tsd-anchor"></a><h3>test<wbr/>Font<wbr/>Load</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">test<wbr/>Font<wbr/>Load<span class="tsd-signature-symbol">(</span>font<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>font: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5></li><li><h5>value: <span class="tsd-signature-type">string</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="text" class="tsd-anchor"></a><h3>text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">text<span class="tsd-signature-symbol">(</span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.InlineAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">InlineAPI</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, option<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>textOverflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>text: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.InlineAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">InlineAPI</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>option: <span class="tsd-signature-symbol">{ </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>textAlign<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span><span class="tsd-signature-symbol">; </span>textBaseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span><span class="tsd-signature-symbol">; </span>textOverflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> font<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#FontPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">FontPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> icons<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SimpleColumnIconOption</span><span class="tsd-signature-symbol">[]</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> offset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> padding<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextAlign</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CanvasTextBaseline</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="toBoxPixelArray" class="tsd-anchor"></a><h3>to<wbr/>Box<wbr/>Pixel<wbr/>Array</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">to<wbr/>Box<wbr/>Pixel<wbr/>Array<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span>, context<span class="tsd-signature-symbol">: </span><a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a>, font<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5></li><li><h5>context: <a href="TYPES.CellContext.html" class="tsd-signature-type" data-tsd-kind="Interface">CellContext</a></h5></li><li><h5>font: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">]</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.GridCanvasHelperAPI.html" class="tsd-kind-icon">Grid<wbr/>Canvas<wbr/>HelperAPI</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#buildCheckBoxInline" class="tsd-kind-icon">build<wbr/>Check<wbr/>Box<wbr/>Inline</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#button" class="tsd-kind-icon">button</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#checkbox" class="tsd-kind-icon">checkbox</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#drawBorderWithClip" class="tsd-kind-icon">draw<wbr/>Border<wbr/>With<wbr/>Clip</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#drawWithClip" class="tsd-kind-icon">draw<wbr/>With<wbr/>Clip</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#fillRectWithState" class="tsd-kind-icon">fill<wbr/>Rect<wbr/>With<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#getColor" class="tsd-kind-icon">get<wbr/>Color</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#multilineText" class="tsd-kind-icon">multiline<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#radioButton" class="tsd-kind-icon">radio<wbr/>Button</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#testFontLoad" class="tsd-kind-icon">test<wbr/>Font<wbr/>Load</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#text" class="tsd-kind-icon">text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.GridCanvasHelperAPI.html#toBoxPixelArray" class="tsd-kind-icon">to<wbr/>Box<wbr/>Pixel<wbr/>Array</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html b/documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html
new file mode 100644
index 000000000..96e43f5ca
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>HeaderStdStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.HeaderStdStyleOption.html">HeaderStdStyleOption</a></li></ul><h1>Interface HeaderStdStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdMultilineTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdMultilineTextBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">HeaderStdStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.HeaderStdStyleOption.html#multiline" class="tsd-kind-icon">multiline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="autoWrapText" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> auto<wbr/>Wrap<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#autoWrapText">autoWrapText</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#color">color</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#font">font</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="lineClamp" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Clamp</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Clamp<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#lineClamp">lineClamp</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="lineHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#lineHeight">lineHeight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="multiline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> multiline</h3><div class="tsd-signature tsd-kind-icon">multiline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#padding">padding</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#textOverflow">textOverflow</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a>.<a href="TYPES.StdMultilineTextBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.HeaderStdStyleOption.html" class="tsd-kind-icon">Header<wbr/>Std<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.HeaderStdStyleOption.html#multiline" class="tsd-kind-icon">multiline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.HeaderStdStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.IconColumnOption.html b/documents/tsdoc/interfaces/TYPES.IconColumnOption.html
new file mode 100644
index 000000000..9d8e54ced
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.IconColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>IconColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.IconColumnOption.html">IconColumnOption</a></li></ul><h1>Interface IconColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseColumnOption</a><ul class="tsd-hierarchy"><li><span class="target">IconColumnOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#className" class="tsd-kind-icon">class<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#content" class="tsd-kind-icon">content</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.IconColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#iconWidth" class="tsd-kind-icon">icon<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#name" class="tsd-kind-icon">name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#tagName" class="tsd-kind-icon">tag<wbr/>Name</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="className" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr/>Name</h3><div class="tsd-signature tsd-kind-icon">class<wbr/>Name<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="content" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> content</h3><div class="tsd-signature tsd-kind-icon">content<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseColumnOption.html">BaseColumnOption</a>.<a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise">fadeinWhenCallbackInPromise</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="iconWidth" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> icon<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">icon<wbr/>Width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="name" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> name</h3><div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="tagName" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> tag<wbr/>Name</h3><div class="tsd-signature tsd-kind-icon">tag<wbr/>Name<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.IconColumnOption.html" class="tsd-kind-icon">Icon<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#className" class="tsd-kind-icon">class<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#content" class="tsd-kind-icon">content</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.IconColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#iconWidth" class="tsd-kind-icon">icon<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#name" class="tsd-kind-icon">name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconColumnOption.html#tagName" class="tsd-kind-icon">tag<wbr/>Name</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.IconDefine.html b/documents/tsdoc/interfaces/TYPES.IconDefine.html
new file mode 100644
index 000000000..ccf7a1c2a
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.IconDefine.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>IconDefine | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.IconDefine.html">IconDefine</a></li></ul><h1>Interface IconDefine</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">IconDefine</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconDefine.html#d" class="tsd-kind-icon">d</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconDefine.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconDefine.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="d" class="tsd-anchor"></a><h3>d</h3><div class="tsd-signature tsd-kind-icon">d<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3>height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3>width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.IconDefine.html" class="tsd-kind-icon">Icon<wbr/>Define</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconDefine.html#d" class="tsd-kind-icon">d</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconDefine.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.IconDefine.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ImageIcon.html b/documents/tsdoc/interfaces/TYPES.ImageIcon.html
new file mode 100644
index 000000000..a4e25954e
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ImageIcon.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ImageIcon | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ImageIcon.html">ImageIcon</a></li></ul><h1>Interface ImageIcon<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ImageIcon</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageIcon.html#src" class="tsd-kind-icon">src</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageIcon.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="src" class="tsd-anchor"></a><h3>src</h3><div class="tsd-signature tsd-kind-icon">src<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> ? </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol"> : </span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.ImageIcon.html" class="tsd-kind-icon">Image<wbr/>Icon</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageIcon.html#src" class="tsd-kind-icon">src</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageIcon.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ImageStyleOption.html b/documents/tsdoc/interfaces/TYPES.ImageStyleOption.html
new file mode 100644
index 000000000..814231684
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ImageStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ImageStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ImageStyleOption.html">ImageStyleOption</a></li></ul><h1>Interface ImageStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">ImageStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageStyleOption.html#imageSizing" class="tsd-kind-icon">image<wbr/>Sizing</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageStyleOption.html#margin" class="tsd-kind-icon">margin</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="imageSizing" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> image<wbr/>Sizing</h3><div class="tsd-signature tsd-kind-icon">image<wbr/>Sizing<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">"keep-aspect-ratio"</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="margin" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> margin</h3><div class="tsd-signature tsd-kind-icon">margin<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ImageStyleOption.html" class="tsd-kind-icon">Image<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageStyleOption.html#imageSizing" class="tsd-kind-icon">image<wbr/>Sizing</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ImageStyleOption.html#margin" class="tsd-kind-icon">margin</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ImageStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.InlineAPI.html b/documents/tsdoc/interfaces/TYPES.InlineAPI.html
new file mode 100644
index 000000000..b5f8adebe
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.InlineAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>InlineAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.InlineAPI.html">InlineAPI</a></li></ul><h1>Interface InlineAPI</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">InlineAPI</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#canBreak" class="tsd-kind-icon">can<wbr/>Break</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#canDraw" class="tsd-kind-icon">can<wbr/>Draw</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#draw" class="tsd-kind-icon">draw</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#onReady" class="tsd-kind-icon">on<wbr/>Ready</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="canBreak" class="tsd-anchor"></a><h3>can<wbr/>Break</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">can<wbr/>Break<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="canDraw" class="tsd-anchor"></a><h3>can<wbr/>Draw</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">can<wbr/>Draw<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="color" class="tsd-anchor"></a><h3>color</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="draw" class="tsd-anchor"></a><h3>draw</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">draw<span class="tsd-signature-symbol">(</span>opt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>opt: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="font" class="tsd-anchor"></a><h3>font</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="onReady" class="tsd-anchor"></a><h3>on<wbr/>Ready</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">on<wbr/>Ready<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>callback: <a href="../modules/TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3>width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">(</span>arg<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>arg: <span class="tsd-signature-symbol">{ </span>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>ctx<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CanvasRenderingContext2D</span></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.InlineAPI.html" class="tsd-kind-icon">InlineAPI</a><ul><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#canBreak" class="tsd-kind-icon">can<wbr/>Break</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#canDraw" class="tsd-kind-icon">can<wbr/>Draw</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#draw" class="tsd-kind-icon">draw</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#onReady" class="tsd-kind-icon">on<wbr/>Ready</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.InlineAPI.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html b/documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html
new file mode 100644
index 000000000..7bc199593
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>InlineInputEditorOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.InlineInputEditorOption.html">InlineInputEditorOption</a></li></ul><h1>Interface InlineInputEditorOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.EditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">EditorOption</a><ul class="tsd-hierarchy"><li><span class="target">InlineInputEditorOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineInputEditorOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineInputEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineInputEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineInputEditorOption.html#type" class="tsd-kind-icon">type</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="classList" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr/>List</h3><div class="tsd-signature tsd-kind-icon">class<wbr/>List<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="readOnly" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#readOnly">readOnly</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="type" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> type</h3><div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.InlineInputEditorOption.html" class="tsd-kind-icon">Inline<wbr/>Input<wbr/>Editor<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineInputEditorOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineInputEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineInputEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineInputEditorOption.html#type" class="tsd-kind-icon">type</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html b/documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html
new file mode 100644
index 000000000..eb6e555a8
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>InlineMenuEditorOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.InlineMenuEditorOption.html">InlineMenuEditorOption</a></li></ul><h1>Interface InlineMenuEditorOption<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.EditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">EditorOption</a><ul class="tsd-hierarchy"><li><span class="target">InlineMenuEditorOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineMenuEditorOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineMenuEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineMenuEditorOption.html#options" class="tsd-kind-icon">options</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineMenuEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="classList" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr/>List</h3><div class="tsd-signature tsd-kind-icon">class<wbr/>List<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="options" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> options</h3><div class="tsd-signature tsd-kind-icon">options<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColumnMenuItemOptions" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnMenuItemOptions</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="../modules/TYPES.html#ColumnMenuItemOptions" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnMenuItemOptions</a><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="readOnly" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#readOnly">readOnly</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.InlineMenuEditorOption.html" class="tsd-kind-icon">Inline<wbr/>Menu<wbr/>Editor<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineMenuEditorOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineMenuEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.InlineMenuEditorOption.html#options" class="tsd-kind-icon">options</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.InlineMenuEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ListGridAPI.html b/documents/tsdoc/interfaces/TYPES.ListGridAPI.html
new file mode 100644
index 000000000..34cf33d9d
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ListGridAPI.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ListGridAPI | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ListGridAPI.html">ListGridAPI</a></li></ul><h1>Interface ListGridAPI<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.DrawGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridAPI</a><ul class="tsd-hierarchy"><li><span class="target">ListGridAPI</span></li></ul></li></ul></section><section class="tsd-panel"><h3>Implemented by</h3><ul class="tsd-hierarchy"><li><a href="../classes/ListGrid.html" class="tsd-signature-type" data-tsd-kind="Class">ListGrid</a></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#allowRangePaste" class="tsd-kind-icon">allow<wbr/>Range<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#headerValues" class="tsd-kind-icon">header<wbr/>Values</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#recordRowCount" class="tsd-kind-icon">record<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#records" class="tsd-kind-icon">records</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#sortState" class="tsd-kind-icon">sort<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#doChangeValue" class="tsd-kind-icon">do<wbr/>Change<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#doGetCellValue" class="tsd-kind-icon">do<wbr/>Get<wbr/>Cell<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#doSetPasteValue" class="tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.ListGridAPI.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#focusGridCell" class="tsd-kind-icon">focus<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getCellRange" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getCellRangeByField" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getColumnAction" class="tsd-kind-icon">get<wbr/>Column<wbr/>Action</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getColumnDefine" class="tsd-kind-icon">get<wbr/>Column<wbr/>Define</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getColumnType" class="tsd-kind-icon">get<wbr/>Column<wbr/>Type</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getGridCanvasHelper" class="tsd-kind-icon">get<wbr/>Grid<wbr/>Canvas<wbr/>Helper</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getHeaderField" class="tsd-kind-icon">get<wbr/>Header<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getHeaderValue" class="tsd-kind-icon">get<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getLayoutCellId" class="tsd-kind-icon">get<wbr/>Layout<wbr/>Cell<wbr/>Id</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getRecordIndexByRow" class="tsd-kind-icon">get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getRecordStartRowByRecordIndex" class="tsd-kind-icon">get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getRowRecord" class="tsd-kind-icon">get<wbr/>Row<wbr/>Record</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter tsd-is-overwrite"><a href="TYPES.ListGridAPI.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#makeVisibleGridCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#setHeaderValue" class="tsd-kind-icon">set<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="allowRangePaste" class="tsd-anchor"></a><h3>allow<wbr/>Range<wbr/>Paste</h3><div class="tsd-signature tsd-kind-icon">allow<wbr/>Range<wbr/>Paste<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="canvas" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> canvas</h3><div class="tsd-signature tsd-kind-icon">canvas<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#canvas">canvas</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="colCount" class="tsd-anchor"></a><h3>col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#colCount">colCount</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="dataSource" class="tsd-anchor"></a><h3>data<wbr/>Source</h3><div class="tsd-signature tsd-kind-icon">data<wbr/>Source<span class="tsd-signature-symbol">:</span> <a href="TYPES.DataSourceAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DataSourceAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="defaultColWidth" class="tsd-anchor"></a><h3>default<wbr/>Col<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#defaultColWidth">defaultColWidth</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="defaultRowHeight" class="tsd-anchor"></a><h3>default<wbr/>Row<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#defaultRowHeight">defaultRowHeight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="disabled" class="tsd-anchor"></a><h3>disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#font">font</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="frozenColCount" class="tsd-anchor"></a><h3>frozen<wbr/>Col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#frozenColCount">frozenColCount</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="frozenRowCount" class="tsd-anchor"></a><h3>frozen<wbr/>Row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#frozenRowCount">frozenRowCount</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="headerValues" class="tsd-anchor"></a><h3>header<wbr/>Values</h3><div class="tsd-signature tsd-kind-icon">header<wbr/>Values<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#HeaderValues" class="tsd-signature-type" data-tsd-kind="Type alias">HeaderValues</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="keyboardOptions" class="tsd-anchor"></a><h3>keyboard<wbr/>Options</h3><div class="tsd-signature tsd-kind-icon">keyboard<wbr/>Options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.DrawGridKeyboardOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridKeyboardOptions</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#keyboardOptions">keyboardOptions</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="leftCol" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> left<wbr/>Col</h3><div class="tsd-signature tsd-kind-icon">left<wbr/>Col<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#leftCol">leftCol</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="readOnly" class="tsd-anchor"></a><h3>read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="recordRowCount" class="tsd-anchor"></a><h3>record<wbr/>Row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">record<wbr/>Row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="records" class="tsd-anchor"></a><h3>records</h3><div class="tsd-signature tsd-kind-icon">records<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="rowCount" class="tsd-anchor"></a><h3>row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#rowCount">rowCount</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="scrollLeft" class="tsd-anchor"></a><h3>scroll<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">scroll<wbr/>Left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#scrollLeft">scrollLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="scrollTop" class="tsd-anchor"></a><h3>scroll<wbr/>Top</h3><div class="tsd-signature tsd-kind-icon">scroll<wbr/>Top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#scrollTop">scrollTop</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="selection" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> selection</h3><div class="tsd-signature tsd-kind-icon">selection<span class="tsd-signature-symbol">:</span> <a href="TYPES.Selection.html" class="tsd-signature-type" data-tsd-kind="Interface">Selection</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#selection">selection</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="sortState" class="tsd-anchor"></a><h3>sort<wbr/>State</h3><div class="tsd-signature tsd-kind-icon">sort<wbr/>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.SortState.html" class="tsd-signature-type" data-tsd-kind="Interface">SortState</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="theme" class="tsd-anchor"></a><h3>theme</h3><div class="tsd-signature tsd-kind-icon">theme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#RequiredThemeDefine" class="tsd-signature-type" data-tsd-kind="Type alias">RequiredThemeDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="topRow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> top<wbr/>Row</h3><div class="tsd-signature tsd-kind-icon">top<wbr/>Row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#topRow">topRow</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="trimOnPaste" class="tsd-anchor"></a><h3>trim<wbr/>On<wbr/>Paste</h3><div class="tsd-signature tsd-kind-icon">trim<wbr/>On<wbr/>Paste<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#trimOnPaste">trimOnPaste</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="underlayBackgroundColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> underlay<wbr/>Background<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">underlay<wbr/>Background<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#underlayBackgroundColor">underlayBackgroundColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibleColCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> visible<wbr/>Col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">visible<wbr/>Col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#visibleColCount">visibleColCount</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibleRowCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> visible<wbr/>Row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">visible<wbr/>Row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#visibleRowCount">visibleRowCount</a></p></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="addDisposable" class="tsd-anchor"></a><h3>add<wbr/>Disposable</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Disposable<span class="tsd-signature-symbol">(</span>disposable<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#addDisposable">addDisposable</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>disposable: <span class="tsd-signature-symbol">{ </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>dispose<span class="tsd-signature-symbol">:</span>function</h5><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-type-literal"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="configure" class="tsd-anchor"></a><h3>configure</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">configure<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span>, value<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#configure">configure</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">"fadeinWhenCallbackInPromise"</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> value: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#dispose">dispose</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="doChangeValue" class="tsd-anchor"></a><h3>do<wbr/>Change<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">do<wbr/>Change<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, changeValueCallback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>before<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>changeValueCallback: <span class="tsd-signature-symbol">(</span>before<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>before<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>before: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="doGetCellValue" class="tsd-anchor"></a><h3>do<wbr/>Get<wbr/>Cell<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">do<wbr/>Get<wbr/>Cell<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, valueCallback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>valueCallback: <span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="doSetPasteValue" class="tsd-anchor"></a><h3>do<wbr/>Set<wbr/>Paste<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value<span class="tsd-signature-symbol">(</span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-signature tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value<span class="tsd-signature-symbol">(</span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, test<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>text: <span class="tsd-signature-type">string</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>text: <span class="tsd-signature-type">string</span></h5></li><li><h5>test: <span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>data: <a href="../modules/TYPES.html#SetPasteValueTestData" class="tsd-signature-type" data-tsd-kind="Type alias">SetPasteValueTestData</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a id="fireListeners" class="tsd-anchor"></a><h3>fire<wbr/>Listeners</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Listeners<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span>, <span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>TYPE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span></h5></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>event: <a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="focus" class="tsd-anchor"></a><h3>focus</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">focus<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#focus">focus</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="focusCell" class="tsd-anchor"></a><h3>focus<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">focus<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#focusCell">focusCell</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="focusGridCell" class="tsd-anchor"></a><h3>focus<wbr/>Grid<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">focus<wbr/>Grid<wbr/>Cell<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getAttachCellsArea" class="tsd-anchor"></a><h3>get<wbr/>Attach<wbr/>Cells<wbr/>Area</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area<span class="tsd-signature-symbol">(</span>range<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getAttachCellsArea">getAttachCellsArea</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>range: <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></h5></li><li class="tsd-parameter"><h5>rect<span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h5></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getCellAt" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getCellAt">getCellAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getCellOverflowText" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getCellOverflowText">getCellOverflowText</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellRange" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellRangeByField" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getCellRangeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Range<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect<span class="tsd-signature-symbol">(</span>cellRange<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getCellRangeRect">getCellRangeRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cellRange: <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getCellRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getCellRect">getCellRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getCellRelativeRect" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Relative<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getCellRelativeRect">getCellRelativeRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getCellsRect" class="tsd-anchor"></a><h3>get<wbr/>Cells<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cells<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getCellsRect">getCellsRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5></li><li><h5>endCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>endRow: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.RectProps.html" class="tsd-signature-type" data-tsd-kind="Interface">RectProps</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getColAt" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteX<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getColAt">getColAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteX: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getColWidth" class="tsd-anchor"></a><h3>get<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getColWidth">getColWidth</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getColumnAction" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Action</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Action<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.ColumnActionAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnActionAPI</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.ColumnActionAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnActionAPI</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getColumnDefine" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Define</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Define<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getColumnType" class="tsd-anchor"></a><h3>get<wbr/>Column<wbr/>Type</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Column<wbr/>Type<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.ColumnTypeAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnTypeAPI</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.ColumnTypeAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnTypeAPI</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getElement" class="tsd-anchor"></a><h3>get<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Element<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getElement">getElement</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getField" class="tsd-anchor"></a><h3>get<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Field<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getGridCanvasHelper" class="tsd-anchor"></a><h3>get<wbr/>Grid<wbr/>Canvas<wbr/>Helper</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Grid<wbr/>Canvas<wbr/>Helper<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.GridCanvasHelperAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">GridCanvasHelperAPI</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="TYPES.GridCanvasHelperAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">GridCanvasHelperAPI</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getHeaderField" class="tsd-anchor"></a><h3>get<wbr/>Header<wbr/>Field</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Header<wbr/>Field<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getHeaderValue" class="tsd-anchor"></a><h3>get<wbr/>Header<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Header<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getLayoutCellId" class="tsd-anchor"></a><h3>get<wbr/>Layout<wbr/>Cell<wbr/>Id</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Layout<wbr/>Cell<wbr/>Id<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#LayoutObjectId" class="tsd-signature-type" data-tsd-kind="Type alias">LayoutObjectId</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#LayoutObjectId" class="tsd-signature-type" data-tsd-kind="Type alias">LayoutObjectId</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getMaxColWidth" class="tsd-anchor"></a><h3>get<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getMaxColWidth">getMaxColWidth</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getMinColWidth" class="tsd-anchor"></a><h3>get<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getMinColWidth">getMinColWidth</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getRecordIndexByRow" class="tsd-anchor"></a><h3>get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getRecordStartRowByRecordIndex" class="tsd-anchor"></a><h3>get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getRowAt" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>At</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>At<span class="tsd-signature-symbol">(</span>absoluteY<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getRowAt">getRowAt</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>absoluteY: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="getRowHeight" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#getRowHeight">getRowHeight</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getRowRecord" class="tsd-anchor"></a><h3>get<wbr/>Row<wbr/>Record</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Row<wbr/>Record<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="../modules/TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="hasFocusGrid" class="tsd-anchor"></a><h3>has<wbr/>Focus<wbr/>Grid</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Focus<wbr/>Grid<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#hasFocusGrid">hasFocusGrid</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="invalidate" class="tsd-anchor"></a><h3>invalidate</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#invalidate">invalidate</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="invalidateCell" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#invalidateCell">invalidateCell</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="invalidateCellRange" class="tsd-anchor"></a><h3>invalidate<wbr/>Cell<wbr/>Range</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range<span class="tsd-signature-symbol">(</span>cellRange<span class="tsd-signature-symbol">: </span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#invalidateCellRange">invalidateCellRange</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cellRange: <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="invalidateGridRect" class="tsd-anchor"></a><h3>invalidate<wbr/>Grid<wbr/>Rect</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect<span class="tsd-signature-symbol">(</span>startCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, startRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, endCol<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, endRow<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#invalidateGridRect">invalidateGridRect</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>startCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>startRow: <span class="tsd-signature-type">number</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> endCol: <span class="tsd-signature-type">number</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> endRow: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="isFrozenCell" class="tsd-anchor"></a><h3>is<wbr/>Frozen<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#isFrozenCell">isFrozenCell</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter tsd-is-overwrite"><a id="listen" class="tsd-anchor"></a><h3>listen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">listen<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span>, listener<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#listen">listen</a></p></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>TYPE<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>type: <span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span></h5></li><li><h5>listener: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>event<span class="tsd-signature-symbol">: </span><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>event: <a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersEventMap</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridEventHandlersReturnMap</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">TYPE</span><span class="tsd-signature-symbol">]</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="makeVisibleCell" class="tsd-anchor"></a><h3>make<wbr/>Visible<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">make<wbr/>Visible<wbr/>Cell<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#makeVisibleCell">makeVisibleCell</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="makeVisibleGridCell" class="tsd-anchor"></a><h3>make<wbr/>Visible<wbr/>Grid<wbr/>Cell</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">make<wbr/>Visible<wbr/>Grid<wbr/>Cell<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>field: <a href="../modules/TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="onKeyDownMove" class="tsd-anchor"></a><h3>on<wbr/>Key<wbr/>Down<wbr/>Move</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move<span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#onKeyDownMove">onKeyDownMove</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>evt: <span class="tsd-signature-type">KeyboardEvent</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="setCellOverflowText" class="tsd-anchor"></a><h3>set<wbr/>Cell<wbr/>Overflow<wbr/>Text</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, overflowText<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#setCellOverflowText">setCellOverflowText</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>overflowText: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="setColWidth" class="tsd-anchor"></a><h3>set<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#setColWidth">setColWidth</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>width: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="setFocusCursor" class="tsd-anchor"></a><h3>set<wbr/>Focus<wbr/>Cursor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#setFocusCursor">setFocusCursor</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="setHeaderValue" class="tsd-anchor"></a><h3>set<wbr/>Header<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">set<wbr/>Header<wbr/>Value<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, newValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>newValue: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="setMaxColWidth" class="tsd-anchor"></a><h3>set<wbr/>Max<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, maxwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#setMaxColWidth">setMaxColWidth</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>maxwidth: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="setMinColWidth" class="tsd-anchor"></a><h3>set<wbr/>Min<wbr/>Col<wbr/>Width</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width<span class="tsd-signature-symbol">(</span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, minwidth<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#setMinColWidth">setMinColWidth</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>col: <span class="tsd-signature-type">number</span></h5></li><li><h5>minwidth: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="setRowHeight" class="tsd-anchor"></a><h3>set<wbr/>Row<wbr/>Height</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Row<wbr/>Height<span class="tsd-signature-symbol">(</span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#setRowHeight">setRowHeight</a></p></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>row: <span class="tsd-signature-type">number</span></h5></li><li><h5>height: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="updateScroll" class="tsd-anchor"></a><h3>update<wbr/>Scroll</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">update<wbr/>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#updateScroll">updateScroll</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a id="updateSize" class="tsd-anchor"></a><h3>update<wbr/>Size</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">update<wbr/>Size<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridAPI.html">DrawGridAPI</a>.<a href="TYPES.DrawGridAPI.html#updateSize">updateSize</a></p></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.ListGridAPI.html" class="tsd-kind-icon">List<wbr/>GridAPI</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#allowRangePaste" class="tsd-kind-icon">allow<wbr/>Range<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#canvas" class="tsd-kind-icon">canvas</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#dataSource" class="tsd-kind-icon">data<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#defaultColWidth" class="tsd-kind-icon">default<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#defaultRowHeight" class="tsd-kind-icon">default<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#frozenColCount" class="tsd-kind-icon">frozen<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#frozenRowCount" class="tsd-kind-icon">frozen<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#headerValues" class="tsd-kind-icon">header<wbr/>Values</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#keyboardOptions" class="tsd-kind-icon">keyboard<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#leftCol" class="tsd-kind-icon">left<wbr/>Col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#recordRowCount" class="tsd-kind-icon">record<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#records" class="tsd-kind-icon">records</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#scrollLeft" class="tsd-kind-icon">scroll<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#scrollTop" class="tsd-kind-icon">scroll<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#selection" class="tsd-kind-icon">selection</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#sortState" class="tsd-kind-icon">sort<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#theme" class="tsd-kind-icon">theme</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#topRow" class="tsd-kind-icon">top<wbr/>Row</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#trimOnPaste" class="tsd-kind-icon">trim<wbr/>On<wbr/>Paste</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#visibleColCount" class="tsd-kind-icon">visible<wbr/>Col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#visibleRowCount" class="tsd-kind-icon">visible<wbr/>Row<wbr/>Count</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#addDisposable" class="tsd-kind-icon">add<wbr/>Disposable</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#doChangeValue" class="tsd-kind-icon">do<wbr/>Change<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#doGetCellValue" class="tsd-kind-icon">do<wbr/>Get<wbr/>Cell<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#doSetPasteValue" class="tsd-kind-icon">do<wbr/>Set<wbr/>Paste<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="TYPES.ListGridAPI.html#fireListeners" class="tsd-kind-icon">fire<wbr/>Listeners</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#focus" class="tsd-kind-icon">focus</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#focusCell" class="tsd-kind-icon">focus<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#focusGridCell" class="tsd-kind-icon">focus<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getAttachCellsArea" class="tsd-kind-icon">get<wbr/>Attach<wbr/>Cells<wbr/>Area</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellAt" class="tsd-kind-icon">get<wbr/>Cell<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellOverflowText" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getCellRange" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getCellRangeByField" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>By<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellRangeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Range<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellRelativeRect" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Relative<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getCellsRect" class="tsd-kind-icon">get<wbr/>Cells<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getColAt" class="tsd-kind-icon">get<wbr/>Col<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getColWidth" class="tsd-kind-icon">get<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getColumnAction" class="tsd-kind-icon">get<wbr/>Column<wbr/>Action</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getColumnDefine" class="tsd-kind-icon">get<wbr/>Column<wbr/>Define</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getColumnType" class="tsd-kind-icon">get<wbr/>Column<wbr/>Type</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getField" class="tsd-kind-icon">get<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getGridCanvasHelper" class="tsd-kind-icon">get<wbr/>Grid<wbr/>Canvas<wbr/>Helper</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getHeaderField" class="tsd-kind-icon">get<wbr/>Header<wbr/>Field</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getHeaderValue" class="tsd-kind-icon">get<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getLayoutCellId" class="tsd-kind-icon">get<wbr/>Layout<wbr/>Cell<wbr/>Id</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getMaxColWidth" class="tsd-kind-icon">get<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getMinColWidth" class="tsd-kind-icon">get<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getRecordIndexByRow" class="tsd-kind-icon">get<wbr/>Record<wbr/>Index<wbr/>By<wbr/>Row</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getRecordStartRowByRecordIndex" class="tsd-kind-icon">get<wbr/>Record<wbr/>Start<wbr/>Row<wbr/>By<wbr/>Record<wbr/>Index</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getRowAt" class="tsd-kind-icon">get<wbr/>Row<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#getRowHeight" class="tsd-kind-icon">get<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#getRowRecord" class="tsd-kind-icon">get<wbr/>Row<wbr/>Record</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#hasFocusGrid" class="tsd-kind-icon">has<wbr/>Focus<wbr/>Grid</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidate" class="tsd-kind-icon">invalidate</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidateCell" class="tsd-kind-icon">invalidate<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidateCellRange" class="tsd-kind-icon">invalidate<wbr/>Cell<wbr/>Range</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#invalidateGridRect" class="tsd-kind-icon">invalidate<wbr/>Grid<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#isFrozenCell" class="tsd-kind-icon">is<wbr/>Frozen<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter tsd-is-overwrite"><a href="TYPES.ListGridAPI.html#listen" class="tsd-kind-icon">listen</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#makeVisibleCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#makeVisibleGridCell" class="tsd-kind-icon">make<wbr/>Visible<wbr/>Grid<wbr/>Cell</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#onKeyDownMove" class="tsd-kind-icon">on<wbr/>Key<wbr/>Down<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setCellOverflowText" class="tsd-kind-icon">set<wbr/>Cell<wbr/>Overflow<wbr/>Text</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setColWidth" class="tsd-kind-icon">set<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setFocusCursor" class="tsd-kind-icon">set<wbr/>Focus<wbr/>Cursor</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.ListGridAPI.html#setHeaderValue" class="tsd-kind-icon">set<wbr/>Header<wbr/>Value</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setMaxColWidth" class="tsd-kind-icon">set<wbr/>Max<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setMinColWidth" class="tsd-kind-icon">set<wbr/>Min<wbr/>Col<wbr/>Width</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#setRowHeight" class="tsd-kind-icon">set<wbr/>Row<wbr/>Height</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#updateScroll" class="tsd-kind-icon">update<wbr/>Scroll</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridAPI.html#updateSize" class="tsd-kind-icon">update<wbr/>Size</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html
new file mode 100644
index 000000000..f1012cd88
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ListGridEventHandlersEventMap | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ListGridEventHandlersEventMap.html">ListGridEventHandlersEventMap</a></li></ul><h1>Interface ListGridEventHandlersEventMap<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.DrawGridEventHandlersEventMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersEventMap</a><ul class="tsd-hierarchy"><li><span class="target">ListGridEventHandlersEventMap</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#before_change_value" class="tsd-kind-icon">before_<wbr/>change_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#changed_header_value" class="tsd-kind-icon">changed_<wbr/>header_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#changed_value" class="tsd-kind-icon">changed_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#rejected_paste_values" class="tsd-kind-icon">rejected_<wbr/>paste_<wbr/>values</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="before_change_value" class="tsd-anchor"></a><h3>before_<wbr/>change_<wbr/>value</h3><div class="tsd-signature tsd-kind-icon">before_<wbr/>change_<wbr/>value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ChangedValueCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ChangedValueCellEvent</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="blur_grid" class="tsd-anchor"></a><h3>blur_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">blur_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">FocusEvent</span><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#blur_grid">blur_grid</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="changed_header_value" class="tsd-anchor"></a><h3>changed_<wbr/>header_<wbr/>value</h3><div class="tsd-signature tsd-kind-icon">changed_<wbr/>header_<wbr/>value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ChangedHeaderValueCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ChangedHeaderValueCellEvent</a><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="changed_value" class="tsd-anchor"></a><h3>changed_<wbr/>value</h3><div class="tsd-signature tsd-kind-icon">changed_<wbr/>value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ChangedValueCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ChangedValueCellEvent</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="click_cell" class="tsd-anchor"></a><h3>click_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">click_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#click_cell">click_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="contextmenu_cell" class="tsd-anchor"></a><h3>contextmenu_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">contextmenu_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#contextmenu_cell">contextmenu_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="copydata" class="tsd-anchor"></a><h3>copydata</h3><div class="tsd-signature tsd-kind-icon">copydata<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#copydata">copydata</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="dblclick_cell" class="tsd-anchor"></a><h3>dblclick_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dblclick_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#dblclick_cell">dblclick_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="dbltap_cell" class="tsd-anchor"></a><h3>dbltap_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dbltap_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#TouchCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">TouchCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#dbltap_cell">dbltap_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="delete_cell" class="tsd-anchor"></a><h3>delete_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">delete_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#DeleteCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">DeleteCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#delete_cell">delete_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="editableinput_cell" class="tsd-anchor"></a><h3>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#editableinput_cell">editableinput_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="focus_grid" class="tsd-anchor"></a><h3>focus_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">focus_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">FocusEvent</span><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#focus_grid">focus_grid</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="input_cell" class="tsd-anchor"></a><h3>input_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">input_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#InputCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">InputCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#input_cell">input_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="keydown" class="tsd-anchor"></a><h3>keydown</h3><div class="tsd-signature tsd-kind-icon">keydown<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#KeydownEvent" class="tsd-signature-type" data-tsd-kind="Type alias">KeydownEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#keydown">keydown</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="modify_status_editableinput_cell" class="tsd-anchor"></a><h3>modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ModifyStatusEditableinputCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ModifyStatusEditableinputCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#modify_status_editableinput_cell">modify_status_editableinput_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mousedown_cell" class="tsd-anchor"></a><h3>mousedown_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousedown_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mousedown_cell">mousedown_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseenter_cell" class="tsd-anchor"></a><h3>mouseenter_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseenter_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mouseenter_cell">mouseenter_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseleave_cell" class="tsd-anchor"></a><h3>mouseleave_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseleave_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mouseleave_cell">mouseleave_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mousemove_cell" class="tsd-anchor"></a><h3>mousemove_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousemove_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mousemove_cell">mousemove_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseout_cell" class="tsd-anchor"></a><h3>mouseout_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseout_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mouseout_cell">mouseout_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseover_cell" class="tsd-anchor"></a><h3>mouseover_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseover_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MousePointerCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MousePointerCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mouseover_cell">mouseover_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseup_cell" class="tsd-anchor"></a><h3>mouseup_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseup_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#MouseCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">MouseCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#mouseup_cell">mouseup_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="paste_cell" class="tsd-anchor"></a><h3>paste_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">paste_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#PasteCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">PasteCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#paste_cell">paste_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="rejected_paste_values" class="tsd-anchor"></a><h3>rejected_<wbr/>paste_<wbr/>values</h3><div class="tsd-signature tsd-kind-icon">rejected_<wbr/>paste_<wbr/>values<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#PasteRejectedValuesEvent" class="tsd-signature-type" data-tsd-kind="Type alias">PasteRejectedValuesEvent</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="resize_column" class="tsd-anchor"></a><h3>resize_<wbr/>column</h3><div class="tsd-signature tsd-kind-icon">resize_<wbr/>column<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#resize_column">resize_column</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="scroll" class="tsd-anchor"></a><h3>scroll</h3><div class="tsd-signature tsd-kind-icon">scroll<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#ScrollEvent" class="tsd-signature-type" data-tsd-kind="Type alias">ScrollEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#scroll">scroll</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="selected_cell" class="tsd-anchor"></a><h3>selected_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">selected_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#SelectedCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">SelectedCellEvent</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#selected_cell">selected_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="touchstart_cell" class="tsd-anchor"></a><h3>touchstart_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">touchstart_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><a href="../modules/TYPES.html#TouchCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">TouchCellEvent</a><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersEventMap.html">DrawGridEventHandlersEventMap</a>.<a href="TYPES.DrawGridEventHandlersEventMap.html#touchstart_cell">touchstart_cell</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.ListGridEventHandlersEventMap.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Event<wbr/>Map</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#before_change_value" class="tsd-kind-icon">before_<wbr/>change_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#changed_header_value" class="tsd-kind-icon">changed_<wbr/>header_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#changed_value" class="tsd-kind-icon">changed_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersEventMap.html#rejected_paste_values" class="tsd-kind-icon">rejected_<wbr/>paste_<wbr/>values</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersEventMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html
new file mode 100644
index 000000000..3d22208eb
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ListGridEventHandlersReturnMap | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ListGridEventHandlersReturnMap.html">ListGridEventHandlersReturnMap</a></li></ul><h1>Interface ListGridEventHandlersReturnMap</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridEventHandlersReturnMap</a><ul class="tsd-hierarchy"><li><span class="target">ListGridEventHandlersReturnMap</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#before_change_value" class="tsd-kind-icon">before_<wbr/>change_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#changed_header_value" class="tsd-kind-icon">changed_<wbr/>header_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#changed_value" class="tsd-kind-icon">changed_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#rejected_paste_values" class="tsd-kind-icon">rejected_<wbr/>paste_<wbr/>values</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="before_change_value" class="tsd-anchor"></a><h3>before_<wbr/>change_<wbr/>value</h3><div class="tsd-signature tsd-kind-icon">before_<wbr/>change_<wbr/>value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="blur_grid" class="tsd-anchor"></a><h3>blur_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">blur_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#blur_grid">blur_grid</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="changed_header_value" class="tsd-anchor"></a><h3>changed_<wbr/>header_<wbr/>value</h3><div class="tsd-signature tsd-kind-icon">changed_<wbr/>header_<wbr/>value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="changed_value" class="tsd-anchor"></a><h3>changed_<wbr/>value</h3><div class="tsd-signature tsd-kind-icon">changed_<wbr/>value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="click_cell" class="tsd-anchor"></a><h3>click_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">click_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#click_cell">click_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="contextmenu_cell" class="tsd-anchor"></a><h3>contextmenu_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">contextmenu_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#contextmenu_cell">contextmenu_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="copydata" class="tsd-anchor"></a><h3>copydata</h3><div class="tsd-signature tsd-kind-icon">copydata<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#copydata">copydata</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="dblclick_cell" class="tsd-anchor"></a><h3>dblclick_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dblclick_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#dblclick_cell">dblclick_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="dbltap_cell" class="tsd-anchor"></a><h3>dbltap_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">dbltap_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#dbltap_cell">dbltap_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="delete_cell" class="tsd-anchor"></a><h3>delete_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">delete_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#delete_cell">delete_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="editableinput_cell" class="tsd-anchor"></a><h3>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#editableinput_cell">editableinput_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="focus_grid" class="tsd-anchor"></a><h3>focus_<wbr/>grid</h3><div class="tsd-signature tsd-kind-icon">focus_<wbr/>grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#focus_grid">focus_grid</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="input_cell" class="tsd-anchor"></a><h3>input_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">input_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#input_cell">input_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="keydown" class="tsd-anchor"></a><h3>keydown</h3><div class="tsd-signature tsd-kind-icon">keydown<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#keydown">keydown</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="modify_status_editableinput_cell" class="tsd-anchor"></a><h3>modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#modify_status_editableinput_cell">modify_status_editableinput_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mousedown_cell" class="tsd-anchor"></a><h3>mousedown_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousedown_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mousedown_cell">mousedown_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseenter_cell" class="tsd-anchor"></a><h3>mouseenter_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseenter_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseenter_cell">mouseenter_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseleave_cell" class="tsd-anchor"></a><h3>mouseleave_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseleave_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseleave_cell">mouseleave_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mousemove_cell" class="tsd-anchor"></a><h3>mousemove_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mousemove_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mousemove_cell">mousemove_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseout_cell" class="tsd-anchor"></a><h3>mouseout_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseout_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseout_cell">mouseout_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseover_cell" class="tsd-anchor"></a><h3>mouseover_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseover_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseover_cell">mouseover_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="mouseup_cell" class="tsd-anchor"></a><h3>mouseup_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">mouseup_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#mouseup_cell">mouseup_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="paste_cell" class="tsd-anchor"></a><h3>paste_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">paste_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#paste_cell">paste_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="rejected_paste_values" class="tsd-anchor"></a><h3>rejected_<wbr/>paste_<wbr/>values</h3><div class="tsd-signature tsd-kind-icon">rejected_<wbr/>paste_<wbr/>values<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="resize_column" class="tsd-anchor"></a><h3>resize_<wbr/>column</h3><div class="tsd-signature tsd-kind-icon">resize_<wbr/>column<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#resize_column">resize_column</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="scroll" class="tsd-anchor"></a><h3>scroll</h3><div class="tsd-signature tsd-kind-icon">scroll<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#scroll">scroll</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="selected_cell" class="tsd-anchor"></a><h3>selected_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">selected_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#selected_cell">selected_cell</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="touchstart_cell" class="tsd-anchor"></a><h3>touchstart_<wbr/>cell</h3><div class="tsd-signature tsd-kind-icon">touchstart_<wbr/>cell<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.DrawGridEventHandlersReturnMap.html">DrawGridEventHandlersReturnMap</a>.<a href="TYPES.DrawGridEventHandlersReturnMap.html#touchstart_cell">touchstart_cell</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ListGridEventHandlersReturnMap.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Return<wbr/>Map</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#before_change_value" class="tsd-kind-icon">before_<wbr/>change_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#blur_grid" class="tsd-kind-icon">blur_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#changed_header_value" class="tsd-kind-icon">changed_<wbr/>header_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#changed_value" class="tsd-kind-icon">changed_<wbr/>value</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#click_cell" class="tsd-kind-icon">click_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#contextmenu_cell" class="tsd-kind-icon">contextmenu_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#copydata" class="tsd-kind-icon">copydata</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#dblclick_cell" class="tsd-kind-icon">dblclick_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#dbltap_cell" class="tsd-kind-icon">dbltap_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#delete_cell" class="tsd-kind-icon">delete_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#editableinput_cell" class="tsd-kind-icon">editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#focus_grid" class="tsd-kind-icon">focus_<wbr/>grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#input_cell" class="tsd-kind-icon">input_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#keydown" class="tsd-kind-icon">keydown</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#modify_status_editableinput_cell" class="tsd-kind-icon">modify_<wbr/>status_<wbr/>editableinput_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mousedown_cell" class="tsd-kind-icon">mousedown_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseenter_cell" class="tsd-kind-icon">mouseenter_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseleave_cell" class="tsd-kind-icon">mouseleave_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mousemove_cell" class="tsd-kind-icon">mousemove_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseout_cell" class="tsd-kind-icon">mouseout_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseover_cell" class="tsd-kind-icon">mouseover_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#mouseup_cell" class="tsd-kind-icon">mouseup_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#paste_cell" class="tsd-kind-icon">paste_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ListGridEventHandlersReturnMap.html#rejected_paste_values" class="tsd-kind-icon">rejected_<wbr/>paste_<wbr/>values</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#resize_column" class="tsd-kind-icon">resize_<wbr/>column</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#scroll" class="tsd-kind-icon">scroll</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#selected_cell" class="tsd-kind-icon">selected_<wbr/>cell</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.ListGridEventHandlersReturnMap.html#touchstart_cell" class="tsd-kind-icon">touchstart_<wbr/>cell</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.MenuColumnOption.html b/documents/tsdoc/interfaces/TYPES.MenuColumnOption.html
new file mode 100644
index 000000000..0de30fc02
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.MenuColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MenuColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.MenuColumnOption.html">MenuColumnOption</a></li></ul><h1>Interface MenuColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseColumnOption</a><ul class="tsd-hierarchy"><li><span class="target">MenuColumnOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MenuColumnOption.html#options" class="tsd-kind-icon">options</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseColumnOption.html">BaseColumnOption</a>.<a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise">fadeinWhenCallbackInPromise</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="options" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> options</h3><div class="tsd-signature tsd-kind-icon">options<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColumnMenuItemOptions" class="tsd-signature-type" data-tsd-kind="Type alias">ColumnMenuItemOptions</a></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.MenuColumnOption.html" class="tsd-kind-icon">Menu<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MenuColumnOption.html#options" class="tsd-kind-icon">options</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.MenuStyleOption.html b/documents/tsdoc/interfaces/TYPES.MenuStyleOption.html
new file mode 100644
index 000000000..95c65eb56
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.MenuStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MenuStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.MenuStyleOption.html">MenuStyleOption</a></li></ul><h1>Interface MenuStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="../modules/TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a><ul class="tsd-hierarchy"><li><span class="target">MenuStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MenuStyleOption.html#appearance" class="tsd-kind-icon">appearance</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="appearance" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> appearance</h3><div class="tsd-signature tsd-kind-icon">appearance<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">"none"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"menulist-button"</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.bgColor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.color</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.font</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.padding</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textAlign</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textBaseline</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textOverflow</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.visibility</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.MenuStyleOption.html" class="tsd-kind-icon">Menu<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MenuStyleOption.html#appearance" class="tsd-kind-icon">appearance</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MenuStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.MessageObject.html b/documents/tsdoc/interfaces/TYPES.MessageObject.html
new file mode 100644
index 000000000..b5e0db4a9
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.MessageObject.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MessageObject | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.MessageObject.html">MessageObject</a></li></ul><h1>Interface MessageObject</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">MessageObject</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MessageObject.html#message" class="tsd-kind-icon">message</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MessageObject.html#original" class="tsd-kind-icon">original</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MessageObject.html#type" class="tsd-kind-icon">type</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="message" class="tsd-anchor"></a><h3>message</h3><div class="tsd-signature tsd-kind-icon">message<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="original" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> original</h3><div class="tsd-signature tsd-kind-icon">original<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Message" class="tsd-signature-type" data-tsd-kind="Type alias">Message</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="type" class="tsd-anchor"></a><h3>type</h3><div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"error"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"info"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"warning"</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.MessageObject.html" class="tsd-kind-icon">Message<wbr/>Object</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MessageObject.html#message" class="tsd-kind-icon">message</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MessageObject.html#original" class="tsd-kind-icon">original</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MessageObject.html#type" class="tsd-kind-icon">type</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html b/documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html
new file mode 100644
index 000000000..7b03691f0
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MultilineTextStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.MultilineTextStyleOption.html">MultilineTextStyleOption</a></li></ul><h1>Interface MultilineTextStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="../modules/TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a><ul class="tsd-hierarchy"><li><span class="target">MultilineTextStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MultilineTextStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MultilineTextStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MultilineTextStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="autoWrapText" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> auto<wbr/>Wrap<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.bgColor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.color</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.font</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="lineClamp" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Clamp</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Clamp<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="lineHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.padding</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textAlign</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textBaseline</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textOverflow</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.visibility</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.MultilineTextStyleOption.html" class="tsd-kind-icon">Multiline<wbr/>Text<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MultilineTextStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MultilineTextStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.MultilineTextStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.MultilineTextStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.NamedIcon.html b/documents/tsdoc/interfaces/TYPES.NamedIcon.html
new file mode 100644
index 000000000..bc601ca3c
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.NamedIcon.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>NamedIcon | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.NamedIcon.html">NamedIcon</a></li></ul><h1>Interface NamedIcon<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">NamedIcon</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NamedIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NamedIcon.html#name" class="tsd-kind-icon">name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NamedIcon.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="name" class="tsd-anchor"></a><h3>name</h3><div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> ? </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol"> : </span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.NamedIcon.html" class="tsd-kind-icon">Named<wbr/>Icon</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NamedIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NamedIcon.html#name" class="tsd-kind-icon">name</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NamedIcon.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.NumberColumnOption.html b/documents/tsdoc/interfaces/TYPES.NumberColumnOption.html
new file mode 100644
index 000000000..a2a4554da
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.NumberColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>NumberColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.NumberColumnOption.html">NumberColumnOption</a></li></ul><h1>Interface NumberColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseColumnOption</a><ul class="tsd-hierarchy"><li><span class="target">NumberColumnOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.NumberColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NumberColumnOption.html#format" class="tsd-kind-icon">format</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseColumnOption.html">BaseColumnOption</a>.<a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise">fadeinWhenCallbackInPromise</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="format" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> format</h3><div class="tsd-signature tsd-kind-icon">format<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">NumberFormat</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.NumberColumnOption.html" class="tsd-kind-icon">Number<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.NumberColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.NumberColumnOption.html#format" class="tsd-kind-icon">format</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html b/documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html
new file mode 100644
index 000000000..fca3cd09e
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>OldSimpleColumnMenuItemOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.OldSimpleColumnMenuItemOption.html">OldSimpleColumnMenuItemOption</a></li></ul><h1>Interface OldSimpleColumnMenuItemOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>internal</dt><dd></dd></dl></div></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">OldSimpleColumnMenuItemOption</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.OldSimpleColumnMenuItemOption.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.OldSimpleColumnMenuItemOption.html#value" class="tsd-kind-icon">value</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="caption" class="tsd-anchor"></a><h3>caption</h3><div class="tsd-signature tsd-kind-icon">caption<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="value" class="tsd-anchor"></a><h3>value</h3><div class="tsd-signature tsd-kind-icon">value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.OldSimpleColumnMenuItemOption.html" class="tsd-kind-icon">Old<wbr/>Simple<wbr/>Column<wbr/>Menu<wbr/>Item<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.OldSimpleColumnMenuItemOption.html#caption" class="tsd-kind-icon">caption</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.OldSimpleColumnMenuItemOption.html#value" class="tsd-kind-icon">value</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html b/documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html
new file mode 100644
index 000000000..c0c6612dc
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PasteRangeBoxValues | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.PasteRangeBoxValues.html">PasteRangeBoxValues</a></li></ul><h1>Interface PasteRangeBoxValues</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">PasteRangeBoxValues</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PasteRangeBoxValues.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PasteRangeBoxValues.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.PasteRangeBoxValues.html#getCellValue" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Value</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="colCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> col<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">col<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="rowCount" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagReadonly">Readonly</span> row<wbr/>Count</h3><div class="tsd-signature tsd-kind-icon">row<wbr/>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="getCellValue" class="tsd-anchor"></a><h3>get<wbr/>Cell<wbr/>Value</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<wbr/>Cell<wbr/>Value<span class="tsd-signature-symbol">(</span>offsetCol<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, offsetRow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>offsetCol: <span class="tsd-signature-type">number</span></h5></li><li><h5>offsetRow: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.PasteRangeBoxValues.html" class="tsd-kind-icon">Paste<wbr/>Range<wbr/>Box<wbr/>Values</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PasteRangeBoxValues.html#colCount" class="tsd-kind-icon">col<wbr/>Count</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PasteRangeBoxValues.html#rowCount" class="tsd-kind-icon">row<wbr/>Count</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.PasteRangeBoxValues.html#getCellValue" class="tsd-kind-icon">get<wbr/>Cell<wbr/>Value</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.PathIcon.html b/documents/tsdoc/interfaces/TYPES.PathIcon.html
new file mode 100644
index 000000000..d9f274e91
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.PathIcon.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PathIcon | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.PathIcon.html">PathIcon</a></li></ul><h1>Interface PathIcon<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">PathIcon</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#path" class="tsd-kind-icon">path</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3>height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="path" class="tsd-anchor"></a><h3>path</h3><div class="tsd-signature tsd-kind-icon">path<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> ? </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol"> : </span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3>width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.PathIcon.html" class="tsd-kind-icon">Path<wbr/>Icon</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#path" class="tsd-kind-icon">path</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PathIcon.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html
new file mode 100644
index 000000000..9f425193d
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PercentCompleteBarColumnOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.PercentCompleteBarColumnOption.html">PercentCompleteBarColumnOption</a></li></ul><h1>Interface PercentCompleteBarColumnOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseColumnOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseColumnOption</a><ul class="tsd-hierarchy"><li><span class="target">PercentCompleteBarColumnOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarColumnOption.html#max" class="tsd-kind-icon">max</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarColumnOption.html#min" class="tsd-kind-icon">min</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarColumnOption.html#formatter" class="tsd-kind-icon">formatter</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="fadeinWhenCallbackInPromise" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseColumnOption.html">BaseColumnOption</a>.<a href="TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise">fadeinWhenCallbackInPromise</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="max" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> max</h3><div class="tsd-signature tsd-kind-icon">max<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="min" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> min</h3><div class="tsd-signature tsd-kind-icon">min<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="formatter" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> formatter</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">formatter<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">unknown</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">unknown</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">unknown</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.PercentCompleteBarColumnOption.html" class="tsd-kind-icon">Percent<wbr/>Complete<wbr/>Bar<wbr/>Column<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarColumnOption.html#fadeinWhenCallbackInPromise" class="tsd-kind-icon">fadein<wbr/>When<wbr/>Callback<wbr/>In<wbr/>Promise</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarColumnOption.html#max" class="tsd-kind-icon">max</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarColumnOption.html#min" class="tsd-kind-icon">min</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarColumnOption.html#formatter" class="tsd-kind-icon">formatter</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html
new file mode 100644
index 000000000..a22d75823
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PercentCompleteBarStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.PercentCompleteBarStyleOption.html">PercentCompleteBarStyleOption</a></li></ul><h1>Interface PercentCompleteBarStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="../modules/TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a><ul class="tsd-hierarchy"><li><span class="target">PercentCompleteBarStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarStyleOption.html#barBgColor" class="tsd-kind-icon">bar<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarStyleOption.html#barColor" class="tsd-kind-icon">bar<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarStyleOption.html#barHeight" class="tsd-kind-icon">bar<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="barBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bar<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bar<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="barColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bar<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bar<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>num<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="barHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bar<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">bar<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.bgColor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.color</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.font</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorBottomRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.indicatorTopRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.padding</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textAlign</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textBaseline</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from StyleOption.textOverflow</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from StyleOption.visibility</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.PercentCompleteBarStyleOption.html" class="tsd-kind-icon">Percent<wbr/>Complete<wbr/>Bar<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarStyleOption.html#barBgColor" class="tsd-kind-icon">bar<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarStyleOption.html#barColor" class="tsd-kind-icon">bar<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.PercentCompleteBarStyleOption.html#barHeight" class="tsd-kind-icon">bar<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.PercentCompleteBarStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.RadioEditorOption.html b/documents/tsdoc/interfaces/TYPES.RadioEditorOption.html
new file mode 100644
index 000000000..98ac38d41
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.RadioEditorOption.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>RadioEditorOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.RadioEditorOption.html">RadioEditorOption</a></li></ul><h1>Interface RadioEditorOption<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.EditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">EditorOption</a><ul class="tsd-hierarchy"><li><span class="target">RadioEditorOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioEditorOption.html#checkAction" class="tsd-kind-icon">check<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioEditorOption.html#group" class="tsd-kind-icon">group</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkAction" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Action</h3><div class="tsd-signature tsd-kind-icon">check<wbr/>Action<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ActionListener" class="tsd-signature-type" data-tsd-kind="Type alias">ActionListener</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="group" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> group</h3><div class="tsd-signature tsd-kind-icon">group<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#GetRadioEditorGroup" class="tsd-signature-type" data-tsd-kind="Type alias">GetRadioEditorGroup</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>Use checkAction instead.</p>
+</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="readOnly" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#readOnly">readOnly</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.RadioEditorOption.html" class="tsd-kind-icon">Radio<wbr/>Editor<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioEditorOption.html#checkAction" class="tsd-kind-icon">check<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioEditorOption.html#group" class="tsd-kind-icon">group</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.RadioStyleOption.html b/documents/tsdoc/interfaces/TYPES.RadioStyleOption.html
new file mode 100644
index 000000000..a67a1a898
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.RadioStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>RadioStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.RadioStyleOption.html">RadioStyleOption</a></li></ul><h1>Interface RadioStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">RadioStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#checkBgColor" class="tsd-kind-icon">check<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#checkBorderColor" class="tsd-kind-icon">check<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#checkColor" class="tsd-kind-icon">check<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#uncheckBgColor" class="tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#uncheckBorderColor" class="tsd-kind-icon">uncheck<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkBorderColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">check<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">check<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="uncheckBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="uncheckBorderColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">uncheck<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.RadioStyleOption.html" class="tsd-kind-icon">Radio<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#checkBgColor" class="tsd-kind-icon">check<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#checkBorderColor" class="tsd-kind-icon">check<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#checkColor" class="tsd-kind-icon">check<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#uncheckBgColor" class="tsd-kind-icon">uncheck<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RadioStyleOption.html#uncheckBorderColor" class="tsd-kind-icon">uncheck<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.RadioStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.RectProps.html b/documents/tsdoc/interfaces/TYPES.RectProps.html
new file mode 100644
index 000000000..80749a58d
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.RectProps.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>RectProps | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.RectProps.html">RectProps</a></li></ul><h1>Interface RectProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">RectProps</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#bottom" class="tsd-kind-icon">bottom</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#left" class="tsd-kind-icon">left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#right" class="tsd-kind-icon">right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#top" class="tsd-kind-icon">top</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="bottom" class="tsd-anchor"></a><h3>bottom</h3><div class="tsd-signature tsd-kind-icon">bottom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3>height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="left" class="tsd-anchor"></a><h3>left</h3><div class="tsd-signature tsd-kind-icon">left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="right" class="tsd-anchor"></a><h3>right</h3><div class="tsd-signature tsd-kind-icon">right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="top" class="tsd-anchor"></a><h3>top</h3><div class="tsd-signature tsd-kind-icon">top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3>width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.RectProps.html" class="tsd-kind-icon">Rect<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#bottom" class="tsd-kind-icon">bottom</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#left" class="tsd-kind-icon">left</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#right" class="tsd-kind-icon">right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#top" class="tsd-kind-icon">top</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.RectProps.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.Selection.html b/documents/tsdoc/interfaces/TYPES.Selection.html
new file mode 100644
index 000000000..5ffdad78e
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.Selection.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Selection | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.Selection.html">Selection</a></li></ul><h1>Interface Selection</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">Selection</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.Selection.html#range" class="tsd-kind-icon">range</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.Selection.html#select" class="tsd-kind-icon">select</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="range" class="tsd-anchor"></a><h3>range</h3><div class="tsd-signature tsd-kind-icon">range<span class="tsd-signature-symbol">:</span> <a href="TYPES.CellRange.html" class="tsd-signature-type" data-tsd-kind="Interface">CellRange</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="select" class="tsd-anchor"></a><h3>select</h3><div class="tsd-signature tsd-kind-icon">select<span class="tsd-signature-symbol">:</span> <a href="TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.Selection.html" class="tsd-kind-icon">Selection</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.Selection.html#range" class="tsd-kind-icon">range</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.Selection.html#select" class="tsd-kind-icon">select</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html b/documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html
new file mode 100644
index 000000000..23ac58a79
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SimpleColumnMenuItemOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.SimpleColumnMenuItemOption.html">SimpleColumnMenuItemOption</a></li></ul><h1>Interface SimpleColumnMenuItemOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">SimpleColumnMenuItemOption</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SimpleColumnMenuItemOption.html#label" class="tsd-kind-icon">label</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SimpleColumnMenuItemOption.html#value" class="tsd-kind-icon">value</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="label" class="tsd-anchor"></a><h3>label</h3><div class="tsd-signature tsd-kind-icon">label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="value" class="tsd-anchor"></a><h3>value</h3><div class="tsd-signature tsd-kind-icon">value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.SimpleColumnMenuItemOption.html" class="tsd-kind-icon">Simple<wbr/>Column<wbr/>Menu<wbr/>Item<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SimpleColumnMenuItemOption.html#label" class="tsd-kind-icon">label</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SimpleColumnMenuItemOption.html#value" class="tsd-kind-icon">value</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html b/documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html
new file mode 100644
index 000000000..3adc55092
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SmallDialogInputEditorOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.SmallDialogInputEditorOption.html">SmallDialogInputEditorOption</a></li></ul><h1>Interface SmallDialogInputEditorOption<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.EditorOption.html" class="tsd-signature-type" data-tsd-kind="Interface">EditorOption</a><ul class="tsd-hierarchy"><li><span class="target">SmallDialogInputEditorOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SmallDialogInputEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#helperText" class="tsd-kind-icon">helper<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#inputValidator" class="tsd-kind-icon">input<wbr/>Validator</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SmallDialogInputEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#type" class="tsd-kind-icon">type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#validator" class="tsd-kind-icon">validator</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="classList" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> class<wbr/>List</h3><div class="tsd-signature tsd-kind-icon">class<wbr/>List<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="helperText" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> helper<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">helper<wbr/>Text<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">GetValueResult</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="inputValidator" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> input<wbr/>Validator</h3><div class="tsd-signature tsd-kind-icon">input<wbr/>Validator<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">GetValueResult</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="readOnly" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> read<wbr/>Only</h3><div class="tsd-signature tsd-kind-icon">read<wbr/>Only<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.EditorOption.html">EditorOption</a>.<a href="TYPES.EditorOption.html#readOnly">readOnly</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="type" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> type</h3><div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="validator" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> validator</h3><div class="tsd-signature tsd-kind-icon">validator<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">GetValueResult</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><a href="../modules/TYPES.html#MaybePromise" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromise</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.SmallDialogInputEditorOption.html" class="tsd-kind-icon">Small<wbr/>Dialog<wbr/>Input<wbr/>Editor<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#classList" class="tsd-kind-icon">class<wbr/>List</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SmallDialogInputEditorOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#helperText" class="tsd-kind-icon">helper<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#inputValidator" class="tsd-kind-icon">input<wbr/>Validator</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SmallDialogInputEditorOption.html#readOnly" class="tsd-kind-icon">read<wbr/>Only</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#type" class="tsd-kind-icon">type</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SmallDialogInputEditorOption.html#validator" class="tsd-kind-icon">validator</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html b/documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html
new file mode 100644
index 000000000..8c74ca112
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SortHeaderActionOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.SortHeaderActionOption.html">SortHeaderActionOption</a></li></ul><h1>Interface SortHeaderActionOption<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseActionOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseActionOption</a><ul class="tsd-hierarchy"><li><span class="target">SortHeaderActionOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderActionOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortHeaderActionOption.html#sort" class="tsd-kind-icon">sort</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="disabled" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> disabled</h3><div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#RecordBoolean" class="tsd-signature-type" data-tsd-kind="Type alias">RecordBoolean</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseActionOption.html">BaseActionOption</a>.<a href="TYPES.BaseActionOption.html#disabled">disabled</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="sort" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> sort</h3><div class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#SortOption" class="tsd-signature-type" data-tsd-kind="Type alias">SortOption</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.SortHeaderActionOption.html" class="tsd-kind-icon">Sort<wbr/>Header<wbr/>Action<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderActionOption.html#disabled" class="tsd-kind-icon">disabled</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortHeaderActionOption.html#sort" class="tsd-kind-icon">sort</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html b/documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html
new file mode 100644
index 000000000..8360626c6
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SortHeaderStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.SortHeaderStyleOption.html">SortHeaderStyleOption</a></li></ul><h1>Interface SortHeaderStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="../modules/TYPES.html#MultilineTextHeaderStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">MultilineTextHeaderStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">SortHeaderStyleOption</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortHeaderStyleOption.html#multiline" class="tsd-kind-icon">multiline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortHeaderStyleOption.html#sortArrowColor" class="tsd-kind-icon">sort<wbr/>Arrow<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="autoWrapText" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> auto<wbr/>Wrap<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.autoWrapText</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.bgColor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.color</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.font</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.indicatorBottomLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.indicatorBottomRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.indicatorTopLeft</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.indicatorTopRight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="lineClamp" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Clamp</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Clamp<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.lineClamp</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="lineHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.lineHeight</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="multiline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> multiline</h3><div class="tsd-signature tsd-kind-icon">multiline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.padding</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="sortArrowColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> sort<wbr/>Arrow<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">sort<wbr/>Arrow<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.textAlign</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.textBaseline</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.textOverflow</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from MultilineTextHeaderStyleOption.visibility</p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.SortHeaderStyleOption.html" class="tsd-kind-icon">Sort<wbr/>Header<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortHeaderStyleOption.html#multiline" class="tsd-kind-icon">multiline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortHeaderStyleOption.html#sortArrowColor" class="tsd-kind-icon">sort<wbr/>Arrow<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.SortHeaderStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.SortState.html b/documents/tsdoc/interfaces/TYPES.SortState.html
new file mode 100644
index 000000000..46cfdd775
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.SortState.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SortState | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.SortState.html">SortState</a></li></ul><h1>Interface SortState</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">SortState</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortState.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortState.html#order" class="tsd-kind-icon">order</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortState.html#row" class="tsd-kind-icon">row</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="col" class="tsd-anchor"></a><h3>col</h3><div class="tsd-signature tsd-kind-icon">col<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="order" class="tsd-anchor"></a><h3>order</h3><div class="tsd-signature tsd-kind-icon">order<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"asc"</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="row" class="tsd-anchor"></a><h3>row</h3><div class="tsd-signature tsd-kind-icon">row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.SortState.html" class="tsd-kind-icon">Sort<wbr/>State</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortState.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortState.html#order" class="tsd-kind-icon">order</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SortState.html#row" class="tsd-kind-icon">row</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html
new file mode 100644
index 000000000..44178d351
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>StdBaseStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a></li></ul><h1>Interface StdBaseStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.BaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">StdBaseStyleOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.StdTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdTextBaseStyleOption</a></li><li><a href="TYPES.CheckStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">CheckStyleOption</a></li><li><a href="TYPES.RadioStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">RadioStyleOption</a></li><li><a href="TYPES.ImageStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ImageStyleOption</a></li></ul></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdBaseStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdBaseStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.BaseStyleOption.html">BaseStyleOption</a>.<a href="TYPES.BaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.StdBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Base<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdBaseStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdBaseStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdBaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html
new file mode 100644
index 000000000..02bad9eb7
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>StdMultilineTextBaseStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.StdMultilineTextBaseStyleOption.html">StdMultilineTextBaseStyleOption</a></li></ul><h1>Interface StdMultilineTextBaseStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdTextBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">StdMultilineTextBaseStyleOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.HeaderStdStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">HeaderStdStyleOption</a></li></ul></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdMultilineTextBaseStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdMultilineTextBaseStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdMultilineTextBaseStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="autoWrapText" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> auto<wbr/>Wrap<wbr/>Text</h3><div class="tsd-signature tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#color">color</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#font">font</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="lineClamp" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Clamp</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Clamp<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#LineClamp" class="tsd-signature-type" data-tsd-kind="Type alias">LineClamp</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="lineHeight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> line<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">line<wbr/>Height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#padding">padding</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#textOverflow">textOverflow</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a>.<a href="TYPES.StdTextBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.StdMultilineTextBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Multiline<wbr/>Text<wbr/>Base<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdMultilineTextBaseStyleOption.html#autoWrapText" class="tsd-kind-icon">auto<wbr/>Wrap<wbr/>Text</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdMultilineTextBaseStyleOption.html#lineClamp" class="tsd-kind-icon">line<wbr/>Clamp</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdMultilineTextBaseStyleOption.html#lineHeight" class="tsd-kind-icon">line<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdMultilineTextBaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html
new file mode 100644
index 000000000..d3da2d2cc
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>StdTextBaseStyleOption | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.StdTextBaseStyleOption.html">StdTextBaseStyleOption</a></li></ul><h1>Interface StdTextBaseStyleOption</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a><ul class="tsd-hierarchy"><li><span class="target">StdTextBaseStyleOption</span><ul class="tsd-hierarchy"><li><a href="TYPES.StdMultilineTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdMultilineTextBaseStyleOption</a></li><li><a href="TYPES.CheckHeaderStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">CheckHeaderStyleOption</a></li></ul></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="bgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#bgColor">bgColor</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="color" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomLeft">indicatorBottomLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorBottomRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Bottom<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorBottomRight">indicatorBottomRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopLeft" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Left</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Left<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopLeft">indicatorTopLeft</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="indicatorTopRight" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> indicator<wbr/>Top<wbr/>Right</h3><div class="tsd-signature tsd-kind-icon">indicator<wbr/>Top<wbr/>Right<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#IndicatorDefine" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorDefine</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#indicatorTopRight">indicatorTopRight</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="padding" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> padding</h3><div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textAlign" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Align</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Align<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextAlign</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textAlign">textAlign</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="textBaseline" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Baseline</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Baseline<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CanvasTextBaseline</span></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#textBaseline">textBaseline</a></p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="textOverflow" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">text<wbr/>Overflow<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="visibility" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> visibility</h3><div class="tsd-signature tsd-kind-icon">visibility<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#Visibility" class="tsd-signature-type" data-tsd-kind="Type alias">Visibility</a></div><aside class="tsd-sources"><p>Inherited from <a href="TYPES.StdBaseStyleOption.html">StdBaseStyleOption</a>.<a href="TYPES.StdBaseStyleOption.html#visibility">visibility</a></p></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.StdTextBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Text<wbr/>Base<wbr/>Style<wbr/>Option</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#bgColor" class="tsd-kind-icon">bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#color" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomLeft" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorBottomRight" class="tsd-kind-icon">indicator<wbr/>Bottom<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorTopLeft" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Left</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#indicatorTopRight" class="tsd-kind-icon">indicator<wbr/>Top<wbr/>Right</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#padding" class="tsd-kind-icon">padding</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#textAlign" class="tsd-kind-icon">text<wbr/>Align</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#textBaseline" class="tsd-kind-icon">text<wbr/>Baseline</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StdTextBaseStyleOption.html#textOverflow" class="tsd-kind-icon">text<wbr/>Overflow</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="TYPES.StdTextBaseStyleOption.html#visibility" class="tsd-kind-icon">visibility</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html b/documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html
new file mode 100644
index 000000000..578eb4e3b
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>StylePropertyFunctionArg | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.StylePropertyFunctionArg.html">StylePropertyFunctionArg</a></li></ul><h1>Interface StylePropertyFunctionArg</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">StylePropertyFunctionArg</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#context" class="tsd-kind-icon">context</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#grid" class="tsd-kind-icon">grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#row" class="tsd-kind-icon">row</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="col" class="tsd-anchor"></a><h3>col</h3><div class="tsd-signature tsd-kind-icon">col<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="context" class="tsd-anchor"></a><h3>context</h3><div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">CanvasRenderingContext2D</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="grid" class="tsd-anchor"></a><h3>grid</h3><div class="tsd-signature tsd-kind-icon">grid<span class="tsd-signature-symbol">:</span> <a href="TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="row" class="tsd-anchor"></a><h3>row</h3><div class="tsd-signature tsd-kind-icon">row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.StylePropertyFunctionArg.html" class="tsd-kind-icon">Style<wbr/>Property<wbr/>Function<wbr/>Arg</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#col" class="tsd-kind-icon">col</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#context" class="tsd-kind-icon">context</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#grid" class="tsd-kind-icon">grid</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.StylePropertyFunctionArg.html#row" class="tsd-kind-icon">row</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.SvgIcon.html b/documents/tsdoc/interfaces/TYPES.SvgIcon.html
new file mode 100644
index 000000000..30e78a4ba
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.SvgIcon.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SvgIcon | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.SvgIcon.html">SvgIcon</a></li></ul><h1>Interface SvgIcon<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">SvgIcon</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SvgIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SvgIcon.html#svg" class="tsd-kind-icon">svg</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SvgIcon.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="height" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="svg" class="tsd-anchor"></a><h3>svg</h3><div class="tsd-signature tsd-kind-icon">svg<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> ? </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol"> : </span><span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="width" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.SvgIcon.html" class="tsd-kind-icon">Svg<wbr/>Icon</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SvgIcon.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SvgIcon.html#svg" class="tsd-kind-icon">svg</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.SvgIcon.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/TYPES.ThemeDefine.html b/documents/tsdoc/interfaces/TYPES.ThemeDefine.html
new file mode 100644
index 000000000..a9dbf9add
--- /dev/null
+++ b/documents/tsdoc/interfaces/TYPES.ThemeDefine.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ThemeDefine | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/TYPES.html">TYPES</a></li><li><a href="TYPES.ThemeDefine.html">ThemeDefine</a></li></ul><h1>Interface ThemeDefine</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">ThemeDefine</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#borderColor" class="tsd-kind-icon">border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#button" class="tsd-kind-icon">button</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#checkbox" class="tsd-kind-icon">checkbox</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#color-1" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#defaultBgColor" class="tsd-kind-icon">default<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#frozenRowsBgColor" class="tsd-kind-icon">frozen<wbr/>Rows<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#frozenRowsBorderColor" class="tsd-kind-icon">frozen<wbr/>Rows<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#frozenRowsColor" class="tsd-kind-icon">frozen<wbr/>Rows<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#header" class="tsd-kind-icon">header</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#highlightBgColor" class="tsd-kind-icon">highlight<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#highlightBorderColor" class="tsd-kind-icon">highlight<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#indicators" class="tsd-kind-icon">indicators</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#messages" class="tsd-kind-icon">messages</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#radioButton" class="tsd-kind-icon">radio<wbr/>Button</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#selectionBgColor" class="tsd-kind-icon">selection<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="borderColor" class="tsd-anchor"></a><h3>border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">border<wbr/>Color<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#ColorsPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorsPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="button" class="tsd-anchor"></a><h3>button</h3><div class="tsd-signature tsd-kind-icon">button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>bgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="checkbox" class="tsd-anchor"></a><h3>checkbox</h3><div class="tsd-signature tsd-kind-icon">checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>borderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="color-1" class="tsd-anchor"></a><h3>color</h3><div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="defaultBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> default<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="font" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> font</h3><div class="tsd-signature tsd-kind-icon">font<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frozenRowsBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> frozen<wbr/>Rows<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Rows<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frozenRowsBorderColor" class="tsd-anchor"></a><h3>frozen<wbr/>Rows<wbr/>Border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Rows<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#ColorsPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorsPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="frozenRowsColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> frozen<wbr/>Rows<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">frozen<wbr/>Rows<wbr/>Color<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="header" class="tsd-anchor"></a><h3>header</h3><div class="tsd-signature tsd-kind-icon">header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>sortArrowColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> sort<wbr/>Arrow<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="highlightBgColor" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> highlight<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">highlight<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?:</span> <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="highlightBorderColor" class="tsd-anchor"></a><h3>highlight<wbr/>Border<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">highlight<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#ColorsPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorsPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indicators" class="tsd-anchor"></a><h3>indicators</h3><div class="tsd-signature tsd-kind-icon">indicators<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>bottomLeftColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>bottomLeftSize<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>bottomRightColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>bottomRightSize<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>topLeftColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>topLeftSize<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>topRightColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>topRightSize<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> bottom<wbr/>Left<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> bottom<wbr/>Left<wbr/>Size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> bottom<wbr/>Right<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> bottom<wbr/>Right<wbr/>Size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> top<wbr/>Left<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> top<wbr/>Left<wbr/>Size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> top<wbr/>Right<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> top<wbr/>Right<wbr/>Size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="messages" class="tsd-anchor"></a><h3>messages</h3><div class="tsd-signature tsd-kind-icon">messages<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>boxWidth<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>errorBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>infoBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>markHeight<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>warnBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> box<wbr/>Width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> error<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> info<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> mark<wbr/>Height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> warn<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="radioButton" class="tsd-anchor"></a><h3>radio<wbr/>Button</h3><div class="tsd-signature tsd-kind-icon">radio<wbr/>Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>checkBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkBorderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>checkColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>uncheckBgColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol">; </span>uncheckBorderColor<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> uncheck<wbr/>Border<wbr/>Color<span class="tsd-signature-symbol">?: </span><a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selectionBgColor" class="tsd-anchor"></a><h3>selection<wbr/>Bg<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">selection<wbr/>Bg<wbr/>Color<span class="tsd-signature-symbol">:</span> <a href="../modules/TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="underlayBackgroundColor" class="tsd-anchor"></a><h3>underlay<wbr/>Background<wbr/>Color</h3><div class="tsd-signature tsd-kind-icon">underlay<wbr/>Background<wbr/>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace"><a href="TYPES.ThemeDefine.html" class="tsd-kind-icon">Theme<wbr/>Define</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#borderColor" class="tsd-kind-icon">border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#button" class="tsd-kind-icon">button</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#checkbox" class="tsd-kind-icon">checkbox</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#color-1" class="tsd-kind-icon">color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#defaultBgColor" class="tsd-kind-icon">default<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#font" class="tsd-kind-icon">font</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#frozenRowsBgColor" class="tsd-kind-icon">frozen<wbr/>Rows<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#frozenRowsBorderColor" class="tsd-kind-icon">frozen<wbr/>Rows<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#frozenRowsColor" class="tsd-kind-icon">frozen<wbr/>Rows<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#header" class="tsd-kind-icon">header</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#highlightBgColor" class="tsd-kind-icon">highlight<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#highlightBorderColor" class="tsd-kind-icon">highlight<wbr/>Border<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#indicators" class="tsd-kind-icon">indicators</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#messages" class="tsd-kind-icon">messages</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#radioButton" class="tsd-kind-icon">radio<wbr/>Button</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#selectionBgColor" class="tsd-kind-icon">selection<wbr/>Bg<wbr/>Color</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="TYPES.ThemeDefine.html#underlayBackgroundColor" class="tsd-kind-icon">underlay<wbr/>Background<wbr/>Color</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/interfaces/data.DataSourceParam.html b/documents/tsdoc/interfaces/data.DataSourceParam.html
new file mode 100644
index 000000000..3689706d4
--- /dev/null
+++ b/documents/tsdoc/interfaces/data.DataSourceParam.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DataSourceParam | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="../modules/data.html">data</a></li><li><a href="data.DataSourceParam.html">DataSourceParam</a></li></ul><h1>Interface DataSourceParam<T></h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>data modules</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid.data</p>
+</dd><dt>memberof</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">DataSourceParam</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="data.DataSourceParam.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="data.DataSourceParam.html#source" class="tsd-kind-icon">source</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="data.DataSourceParam.html#get" class="tsd-kind-icon">get</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="length" class="tsd-anchor"></a><h3>length</h3><div class="tsd-signature tsd-kind-icon">length<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="source" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> source</h3><div class="tsd-signature tsd-kind-icon">source<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">any</span></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="get" class="tsd-anchor"></a><h3>get</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">get<span class="tsd-signature-symbol">(</span>index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>index: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="../modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="../modules/core.html">core</a></li><li class="current tsd-kind-namespace"><a href="../modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="../modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="../modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="data.DataSourceParam.html" class="tsd-kind-icon">Data<wbr/>Source<wbr/>Param</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="data.DataSourceParam.html#length" class="tsd-kind-icon">length</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="data.DataSourceParam.html#source" class="tsd-kind-icon">source</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="data.DataSourceParam.html#get" class="tsd-kind-icon">get</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules.html b/documents/tsdoc/modules.html
new file mode 100644
index 000000000..c69fbb5ce
--- /dev/null
+++ b/documents/tsdoc/modules.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script async src="assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1>cheetah-grid</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Namespaces</h3><ul class="tsd-index-list"><li class="tsd-kind-namespace"><a href="modules/TYPES.html" class="tsd-kind-icon">TYPES</a></li><li class="tsd-kind-namespace"><a href="modules/columns.html" class="tsd-kind-icon">columns</a></li><li class="tsd-kind-namespace"><a href="modules/core.html" class="tsd-kind-icon">core</a></li><li class="tsd-kind-namespace"><a href="modules/data.html" class="tsd-kind-icon">data</a></li><li class="tsd-kind-namespace"><a href="modules/headers.html" class="tsd-kind-icon">headers</a></li><li class="tsd-kind-namespace"><a href="modules/tools.html" class="tsd-kind-icon">tools</a></li></ul></section><section class="tsd-index-section "><h3>Classes</h3><ul class="tsd-index-list"><li class="tsd-kind-class tsd-has-type-parameter"><a href="classes/ListGrid.html" class="tsd-kind-icon">List<wbr/>Grid</a></li></ul></section><section class="tsd-index-section "><h3>Interfaces</h3><ul class="tsd-index-list"><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/ColumnDefine.html" class="tsd-kind-icon">Column<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/GroupHeaderDefine.html" class="tsd-kind-icon">Group<wbr/>Header<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HeaderDefine.html" class="tsd-kind-icon">Header<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/ListGridConstructorOptions.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Constructor<wbr/>Options</a></li></ul></section><section class="tsd-index-section "><h3>Type aliases</h3><ul class="tsd-index-list"><li class="tsd-kind-type-alias tsd-has-type-parameter"><a href="modules.html#HeadersDefine" class="tsd-kind-icon">Headers<wbr/>Define</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Type aliases</h2><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-has-type-parameter"><a id="HeadersDefine" class="tsd-anchor"></a><h3>Headers<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Headers<wbr/>Define<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><a href="interfaces/GroupHeaderDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">GroupHeaderDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="interfaces/ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property"><a id="default" class="tsd-anchor"></a><h3>default</h3><div class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>GridCanvasHelper<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">GridCanvasHelper</span><span class="tsd-signature-symbol">; </span>ListGrid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><a href="classes/ListGrid.html" class="tsd-signature-type" data-tsd-kind="Class">ListGrid</a><span class="tsd-signature-symbol">; </span>columns<span class="tsd-signature-symbol">: </span><a href="modules/columns.html" class="tsd-signature-type" data-tsd-kind="Namespace">columns</a><span class="tsd-signature-symbol">; </span>core<span class="tsd-signature-symbol">: </span><a href="modules/core.html" class="tsd-signature-type" data-tsd-kind="Namespace">core</a><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><a href="modules/data.html" class="tsd-signature-type" data-tsd-kind="Namespace">data</a><span class="tsd-signature-symbol">; </span>headers<span class="tsd-signature-symbol">: </span><a href="modules/headers.html" class="tsd-signature-type" data-tsd-kind="Namespace">headers</a><span class="tsd-signature-symbol">; </span>register<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">__module</span><span class="tsd-signature-symbol">; </span>themes<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">__module</span><span class="tsd-signature-symbol">; </span>tools<span class="tsd-signature-symbol">: </span><a href="modules/tools.html" class="tsd-signature-type" data-tsd-kind="Namespace">tools</a><span class="tsd-signature-symbol">; </span><span class="tsd-signature-symbol">get </span>icons<span class="tsd-signature-symbol">(): </span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>Grid<wbr/>Canvas<wbr/>Helper<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">GridCanvasHelper</span></h5></li><li class="tsd-parameter"><h5>List<wbr/>Grid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><a href="classes/ListGrid.html" class="tsd-signature-type" data-tsd-kind="Class">ListGrid</a></h5></li><li class="tsd-parameter"><h5>columns<span class="tsd-signature-symbol">: </span><a href="modules/columns.html" class="tsd-signature-type" data-tsd-kind="Namespace">columns</a></h5></li><li class="tsd-parameter"><h5>core<span class="tsd-signature-symbol">: </span><a href="modules/core.html" class="tsd-signature-type" data-tsd-kind="Namespace">core</a></h5></li><li class="tsd-parameter"><h5>data<span class="tsd-signature-symbol">: </span><a href="modules/data.html" class="tsd-signature-type" data-tsd-kind="Namespace">data</a></h5></li><li class="tsd-parameter"><h5>headers<span class="tsd-signature-symbol">: </span><a href="modules/headers.html" class="tsd-signature-type" data-tsd-kind="Namespace">headers</a></h5></li><li class="tsd-parameter"><h5>register<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">__module</span></h5></li><li class="tsd-parameter"><h5>themes<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">__module</span></h5></li><li class="tsd-parameter"><h5>tools<span class="tsd-signature-symbol">: </span><a href="modules/tools.html" class="tsd-signature-type" data-tsd-kind="Namespace">tools</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-signature-symbol">get </span>icons<span class="tsd-signature-symbol">(): </span><span class="tsd-signature-symbol">{}</span></h5></li></ul></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="modules/TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="modules/columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="modules/core.html">core</a></li><li class=" tsd-kind-namespace"><a href="modules/data.html">data</a></li><li class=" tsd-kind-namespace"><a href="modules/headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="modules/tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-class tsd-has-type-parameter"><a href="classes/ListGrid.html" class="tsd-kind-icon">List<wbr/>Grid</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/ColumnDefine.html" class="tsd-kind-icon">Column<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/GroupHeaderDefine.html" class="tsd-kind-icon">Group<wbr/>Header<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HeaderDefine.html" class="tsd-kind-icon">Header<wbr/>Define</a></li><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/ListGridConstructorOptions.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Constructor<wbr/>Options</a></li><li class="tsd-kind-type-alias tsd-has-type-parameter"><a href="modules.html#HeadersDefine" class="tsd-kind-icon">Headers<wbr/>Define</a></li><li class="tsd-kind-property"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules/TYPES.html b/documents/tsdoc/modules/TYPES.html
new file mode 100644
index 000000000..0d7cb14ca
--- /dev/null
+++ b/documents/tsdoc/modules/TYPES.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>TYPES | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="TYPES.html">TYPES</a></li></ul><h1>Namespace TYPES</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Interfaces</h3><ul class="tsd-index-list"><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ActionOption.html" class="tsd-kind-icon">Action<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BaseActionOption.html" class="tsd-kind-icon">Base<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BaseColumnOption.html" class="tsd-kind-icon">Base<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BaseStyleOption.html" class="tsd-kind-icon">Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BranchGraphColumnOption.html" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BranchGraphStyleOption.html" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ButtonColumnOption.html" class="tsd-kind-icon">Button<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ButtonStyleOption.html" class="tsd-kind-icon">Button<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CellAddress.html" class="tsd-kind-icon">Cell<wbr/>Address</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CellContext.html" class="tsd-kind-icon">Cell<wbr/>Context</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CellRange.html" class="tsd-kind-icon">Cell<wbr/>Range</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CheckHeaderStyleOption.html" class="tsd-kind-icon">Check<wbr/>Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CheckStyleOption.html" class="tsd-kind-icon">Check<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnActionAPI.html" class="tsd-kind-icon">Column<wbr/>ActionAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnMenuItemObjectOptions.html" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Object<wbr/>Options</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnMenuItemOption.html" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnStyle.html" class="tsd-kind-icon">Column<wbr/>Style</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnTypeAPI.html" class="tsd-kind-icon">Column<wbr/>TypeAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.DataSourceAPI.html" class="tsd-kind-icon">Data<wbr/>SourceAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-kind-icon">Draw<wbr/>GridAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridEventHandlersEventMap.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Event<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Return<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Options</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.EditorOption.html" class="tsd-kind-icon">Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-kind-icon">Field<wbr/>Assessor</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.FontIcon.html" class="tsd-kind-icon">Font<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.GridCanvasHelperAPI.html" class="tsd-kind-icon">Grid<wbr/>Canvas<wbr/>HelperAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.HeaderStdStyleOption.html" class="tsd-kind-icon">Header<wbr/>Std<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.IconColumnOption.html" class="tsd-kind-icon">Icon<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.IconDefine.html" class="tsd-kind-icon">Icon<wbr/>Define</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.ImageIcon.html" class="tsd-kind-icon">Image<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ImageStyleOption.html" class="tsd-kind-icon">Image<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.InlineAPI.html" class="tsd-kind-icon">InlineAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.InlineInputEditorOption.html" class="tsd-kind-icon">Inline<wbr/>Input<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.InlineMenuEditorOption.html" class="tsd-kind-icon">Inline<wbr/>Menu<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-kind-icon">List<wbr/>GridAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.ListGridEventHandlersEventMap.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Event<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ListGridEventHandlersReturnMap.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Return<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MenuColumnOption.html" class="tsd-kind-icon">Menu<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MenuStyleOption.html" class="tsd-kind-icon">Menu<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MessageObject.html" class="tsd-kind-icon">Message<wbr/>Object</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MultilineTextStyleOption.html" class="tsd-kind-icon">Multiline<wbr/>Text<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.NamedIcon.html" class="tsd-kind-icon">Named<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.NumberColumnOption.html" class="tsd-kind-icon">Number<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.OldSimpleColumnMenuItemOption.html" class="tsd-kind-icon">Old<wbr/>Simple<wbr/>Column<wbr/>Menu<wbr/>Item<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.PasteRangeBoxValues.html" class="tsd-kind-icon">Paste<wbr/>Range<wbr/>Box<wbr/>Values</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.PathIcon.html" class="tsd-kind-icon">Path<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.PercentCompleteBarColumnOption.html" class="tsd-kind-icon">Percent<wbr/>Complete<wbr/>Bar<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.PercentCompleteBarStyleOption.html" class="tsd-kind-icon">Percent<wbr/>Complete<wbr/>Bar<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.RadioEditorOption.html" class="tsd-kind-icon">Radio<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.RadioStyleOption.html" class="tsd-kind-icon">Radio<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.RectProps.html" class="tsd-kind-icon">Rect<wbr/>Props</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.Selection.html" class="tsd-kind-icon">Selection</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.SimpleColumnMenuItemOption.html" class="tsd-kind-icon">Simple<wbr/>Column<wbr/>Menu<wbr/>Item<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.SmallDialogInputEditorOption.html" class="tsd-kind-icon">Small<wbr/>Dialog<wbr/>Input<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.SortHeaderActionOption.html" class="tsd-kind-icon">Sort<wbr/>Header<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.SortHeaderStyleOption.html" class="tsd-kind-icon">Sort<wbr/>Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.SortState.html" class="tsd-kind-icon">Sort<wbr/>State</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StdBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StdMultilineTextBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Multiline<wbr/>Text<wbr/>Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StdTextBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Text<wbr/>Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-kind-icon">Style<wbr/>Property<wbr/>Function<wbr/>Arg</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.SvgIcon.html" class="tsd-kind-icon">Svg<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-kind-icon">Theme<wbr/>Define</a></li></ul></section><section class="tsd-index-section "><h3>Type aliases</h3><ul class="tsd-index-list"><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ActionListener" class="tsd-kind-icon">Action<wbr/>Listener</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#AfterSelectedCellEvent" class="tsd-kind-icon">After<wbr/>Selected<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#AnyFunction" class="tsd-kind-icon">Any<wbr/>Function</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#AnyListener" class="tsd-kind-icon">Any<wbr/>Listener</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#BeforeSelectedCellEvent" class="tsd-kind-icon">Before<wbr/>Selected<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#BranchGraphCommand" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Command</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ButtonActionOption" class="tsd-kind-icon">Button<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ChangedHeaderValueCellEvent" class="tsd-kind-icon">Changed<wbr/>Header<wbr/>Value<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#ChangedValueCellEvent" class="tsd-kind-icon">Changed<wbr/>Value<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColorDef" class="tsd-kind-icon">Color<wbr/>Def</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColorPropertyDefine" class="tsd-kind-icon">Color<wbr/>Property<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColorsPropertyDefine" class="tsd-kind-icon">Colors<wbr/>Property<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnActionOption" class="tsd-kind-icon">Column<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#ColumnIconOption" class="tsd-kind-icon">Column<wbr/>Icon<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnMenuItemOptions" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Options</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnStyleOption" class="tsd-kind-icon">Column<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnTypeOption" class="tsd-kind-icon">Column<wbr/>Type<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#DeleteCellEvent" class="tsd-kind-icon">Delete<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#DrawGridKeyboardMoveCellFunction" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Move<wbr/>Cell<wbr/>Function</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#EventListenerId" class="tsd-kind-icon">Event<wbr/>Listener<wbr/>Id</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#FieldData" class="tsd-kind-icon">Field<wbr/>Data</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#FieldDef" class="tsd-kind-icon">Field<wbr/>Def</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#FieldGetter" class="tsd-kind-icon">Field<wbr/>Getter</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#FieldSetter" class="tsd-kind-icon">Field<wbr/>Setter</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#FontPropertyDefine" class="tsd-kind-icon">Font<wbr/>Property<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#GetRadioEditorGroup" class="tsd-kind-icon">Get<wbr/>Radio<wbr/>Editor<wbr/>Group</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderActionOption" class="tsd-kind-icon">Header<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderStyleOption" class="tsd-kind-icon">Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderTypeOption" class="tsd-kind-icon">Header<wbr/>Type<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderValues" class="tsd-kind-icon">Header<wbr/>Values</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IconStyleOption" class="tsd-kind-icon">Icon<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IndicatorDefine" class="tsd-kind-icon">Indicator<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IndicatorObject" class="tsd-kind-icon">Indicator<wbr/>Object</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IndicatorStyle" class="tsd-kind-icon">Indicator<wbr/>Style</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#InputCellEvent" class="tsd-kind-icon">Input<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#KeyboardEventListener" class="tsd-kind-icon">Keyboard<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#KeydownEvent" class="tsd-kind-icon">Keydown<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#LayoutObjectId" class="tsd-kind-icon">Layout<wbr/>Object<wbr/>Id</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#LineClamp" class="tsd-kind-icon">Line<wbr/>Clamp</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybeCall" class="tsd-kind-icon">Maybe<wbr/>Call</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybeCallOrUndef" class="tsd-kind-icon">Maybe<wbr/>Call<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromise" class="tsd-kind-icon">Maybe<wbr/>Promise</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromiseOrCall" class="tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Call</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromiseOrCallOrUndef" class="tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Call<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromiseOrUndef" class="tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybeUndef" class="tsd-kind-icon">Maybe<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#Message" class="tsd-kind-icon">Message</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ModifyStatusEditableinputCellEvent" class="tsd-kind-icon">Modify<wbr/>Status<wbr/>Editableinput<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#MouseCellEvent" class="tsd-kind-icon">Mouse<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#MousePointerCellEvent" class="tsd-kind-icon">Mouse<wbr/>Pointer<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#MultilineTextHeaderStyleOption" class="tsd-kind-icon">Multiline<wbr/>Text<wbr/>Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#NumberStyleOption" class="tsd-kind-icon">Number<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#PartialThemeDefine" class="tsd-kind-icon">Partial<wbr/>Theme<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#PasteCellEvent" class="tsd-kind-icon">Paste<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PasteRejectedValuesEvent" class="tsd-kind-icon">Paste<wbr/>Rejected<wbr/>Values<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseMaybeCallOrUndef" class="tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Call<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseMaybeUndef" class="tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseMaybeUndefOrCall" class="tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Undef<wbr/>Or<wbr/>Call</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseOrUndef" class="tsd-kind-icon">Promise<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#RecordBoolean" class="tsd-kind-icon">Record<wbr/>Boolean</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#RequiredThemeDefine" class="tsd-kind-icon">Required<wbr/>Theme<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ScrollEvent" class="tsd-kind-icon">Scroll<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#SelectedCellEvent" class="tsd-kind-icon">Selected<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#SetPasteValueTestData" class="tsd-kind-icon">Set<wbr/>Paste<wbr/>Value<wbr/>Test<wbr/>Data</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#SimpleBranchGraphCommand" class="tsd-kind-icon">Simple<wbr/>Branch<wbr/>Graph<wbr/>Command</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#SortOption" class="tsd-kind-icon">Sort<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#StyleOption" class="tsd-kind-icon">Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#TextOverflow" class="tsd-kind-icon">Text<wbr/>Overflow</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#TouchCellEvent" class="tsd-kind-icon">Touch<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#Visibility" class="tsd-kind-icon">Visibility</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Type aliases</h2><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ActionListener" class="tsd-anchor"></a><h3>Action<wbr/>Listener</h3><div class="tsd-signature tsd-kind-icon">Action<wbr/>Listener<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>record: <span class="tsd-signature-type">any</span></h5></li><li><h5>cell: <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> }</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="AfterSelectedCellEvent" class="tsd-anchor"></a><h3>After<wbr/>Selected<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">After<wbr/>Selected<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>before<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">; </span>selected<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="AnyFunction" class="tsd-anchor"></a><h3>Any<wbr/>Function</h3><div class="tsd-signature tsd-kind-icon">Any<wbr/>Function<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="AnyListener" class="tsd-anchor"></a><h3>Any<wbr/>Listener</h3><div class="tsd-signature tsd-kind-icon">Any<wbr/>Listener<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#AnyFunction" class="tsd-signature-type" data-tsd-kind="Type alias">AnyFunction</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="BeforeSelectedCellEvent" class="tsd-anchor"></a><h3>Before<wbr/>Selected<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Before<wbr/>Selected<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>after<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">; </span>selected<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="BranchGraphCommand" class="tsd-anchor"></a><h3>Branch<wbr/>Graph<wbr/>Command</h3><div class="tsd-signature tsd-kind-icon">Branch<wbr/>Graph<wbr/>Command<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#SimpleBranchGraphCommand" class="tsd-signature-type" data-tsd-kind="Type alias">SimpleBranchGraphCommand</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#SimpleBranchGraphCommand" class="tsd-signature-type" data-tsd-kind="Type alias">SimpleBranchGraphCommand</a><span class="tsd-signature-symbol">[]</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ButtonActionOption" class="tsd-anchor"></a><h3>Button<wbr/>Action<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Button<wbr/>Action<wbr/>Option<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.ActionOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ActionOption</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ChangedHeaderValueCellEvent" class="tsd-anchor"></a><h3>Changed<wbr/>Header<wbr/>Value<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Changed<wbr/>Header<wbr/>Value<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>oldValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="ChangedValueCellEvent" class="tsd-anchor"></a><h3>Changed<wbr/>Value<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Changed<wbr/>Value<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>field<span class="tsd-signature-symbol">: </span><a href="TYPES.html#FieldDef" class="tsd-signature-type" data-tsd-kind="Type alias">FieldDef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>oldValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColorDef" class="tsd-anchor"></a><h3>Color<wbr/>Def</h3><div class="tsd-signature tsd-kind-icon">Color<wbr/>Def<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">CanvasRenderingContext2D</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"fillStyle"</span><span class="tsd-signature-symbol">]</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColorPropertyDefine" class="tsd-anchor"></a><h3>Color<wbr/>Property<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Color<wbr/>Property<wbr/>Define<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#ColorDef" class="tsd-signature-type" data-tsd-kind="Type alias">ColorDef</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-signature-type" data-tsd-kind="Interface">StylePropertyFunctionArg</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-signature-type" data-tsd-kind="Interface">StylePropertyFunctionArg</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-signature-type" data-tsd-kind="Interface">StylePropertyFunctionArg</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">CanvasPattern</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-signature-type" data-tsd-kind="Interface">StylePropertyFunctionArg</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasGradient</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CanvasPattern</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColorsPropertyDefine" class="tsd-anchor"></a><h3>Colors<wbr/>Property<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Colors<wbr/>Property<wbr/>Define<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#ColorPropertyDefine" class="tsd-signature-type" data-tsd-kind="Type alias">ColorPropertyDefine</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><a href="TYPES.html#ColorDef" class="tsd-signature-type" data-tsd-kind="Type alias">ColorDef</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-signature-type" data-tsd-kind="Interface">StylePropertyFunctionArg</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-symbol">(</span><a href="TYPES.html#ColorDef" class="tsd-signature-type" data-tsd-kind="Type alias">ColorDef</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColumnActionOption" class="tsd-anchor"></a><h3>Column<wbr/>Action<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Column<wbr/>Action<wbr/>Option<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"CHECK"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"check"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"INPUT"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"input"</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="ColumnIconOption" class="tsd-anchor"></a><h3>Column<wbr/>Icon<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Column<wbr/>Icon<wbr/>Option<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.FontIcon.html" class="tsd-signature-type" data-tsd-kind="Interface">FontIcon</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ImageIcon.html" class="tsd-signature-type" data-tsd-kind="Interface">ImageIcon</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.PathIcon.html" class="tsd-signature-type" data-tsd-kind="Interface">PathIcon</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.SvgIcon.html" class="tsd-signature-type" data-tsd-kind="Interface">SvgIcon</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.NamedIcon.html" class="tsd-signature-type" data-tsd-kind="Interface">NamedIcon</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColumnMenuItemOptions" class="tsd-anchor"></a><h3>Column<wbr/>Menu<wbr/>Item<wbr/>Options</h3><div class="tsd-signature tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Options<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.ColumnMenuItemOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnMenuItemOption</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.SimpleColumnMenuItemOption.html" class="tsd-signature-type" data-tsd-kind="Interface">SimpleColumnMenuItemOption</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.OldSimpleColumnMenuItemOption.html" class="tsd-signature-type" data-tsd-kind="Interface">OldSimpleColumnMenuItemOption</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ColumnMenuItemObjectOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnMenuItemObjectOptions</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColumnStyleOption" class="tsd-anchor"></a><h3>Column<wbr/>Style<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Column<wbr/>Style<wbr/>Option<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ColumnStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStyle</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.BaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ButtonStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ButtonStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.CheckStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">CheckStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#NumberStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">NumberStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.MultilineTextStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">MultilineTextStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.MenuStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">MenuStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ImageStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ImageStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#IconStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">IconStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.BranchGraphStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BranchGraphStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.PercentCompleteBarStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">PercentCompleteBarStyleOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ColumnStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStyle</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.BaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.StdBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdBaseStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ButtonStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ButtonStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.CheckStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">CheckStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#NumberStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">NumberStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.MultilineTextStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">MultilineTextStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.MenuStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">MenuStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.ImageStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">ImageStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#IconStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">IconStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.BranchGraphStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BranchGraphStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.PercentCompleteBarStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">PercentCompleteBarStyleOption</a><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ColumnTypeOption" class="tsd-anchor"></a><h3>Column<wbr/>Type<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Column<wbr/>Type<wbr/>Option<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"DEFAULT"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"default"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"NUMBER"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"number"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"CHECK"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"check"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"BUTTON"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"button"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"IMAGE"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"image"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"MULTILINETEXT"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"multilinetext"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"RADIO"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"radio"</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="DeleteCellEvent" class="tsd-anchor"></a><h3>Delete<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Delete<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="DrawGridKeyboardMoveCellFunction" class="tsd-anchor"></a><h3>Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Move<wbr/>Cell<wbr/>Function</h3><div class="tsd-signature tsd-kind-icon">Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Move<wbr/>Cell<wbr/>Function<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>context<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">; </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridAPI</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>context<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">; </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridAPI</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>context: <span class="tsd-signature-symbol">{ </span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">; </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridAPI</a><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a></h5></li><li class="tsd-parameter"><h5>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span></h5></li><li class="tsd-parameter"><h5>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">DrawGridAPI</a></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="EventListenerId" class="tsd-anchor"></a><h3>Event<wbr/>Listener<wbr/>Id</h3><div class="tsd-signature tsd-kind-icon">Event<wbr/>Listener<wbr/>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="FieldData" class="tsd-anchor"></a><h3>Field<wbr/>Data</h3><div class="tsd-signature tsd-kind-icon">Field<wbr/>Data<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#MaybePromiseOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybePromiseOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="FieldDef" class="tsd-anchor"></a><h3>Field<wbr/>Def</h3><div class="tsd-signature tsd-kind-icon">Field<wbr/>Def<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#FieldGetter" class="tsd-signature-type" data-tsd-kind="Type alias">FieldGetter</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-signature-type" data-tsd-kind="Interface">FieldAssessor</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="FieldGetter" class="tsd-anchor"></a><h3>Field<wbr/>Getter</h3><div class="tsd-signature tsd-kind-icon">Field<wbr/>Getter<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">any</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>record: <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="FieldSetter" class="tsd-anchor"></a><h3>Field<wbr/>Setter</h3><div class="tsd-signature tsd-kind-icon">Field<wbr/>Setter<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span>, value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>record: <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span></h5></li><li><h5>value: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="FontPropertyDefine" class="tsd-anchor"></a><h3>Font<wbr/>Property<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Font<wbr/>Property<wbr/>Define<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-signature-type" data-tsd-kind="Interface">StylePropertyFunctionArg</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="GetRadioEditorGroup" class="tsd-anchor"></a><h3>Get<wbr/>Radio<wbr/>Editor<wbr/>Group</h3><div class="tsd-signature tsd-kind-icon">Get<wbr/>Radio<wbr/>Editor<wbr/>Group<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">[]</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>target: <span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h5><ul class="tsd-parameters"><li class="tsd-parameter"><h5>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></h5></li><li class="tsd-parameter"><h5>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol">[]</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="HeaderActionOption" class="tsd-anchor"></a><h3>Header<wbr/>Action<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Header<wbr/>Action<wbr/>Option<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"CHECK"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"check"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"SORT"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"sort"</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="HeaderStyleOption" class="tsd-anchor"></a><h3>Header<wbr/>Style<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Header<wbr/>Style<wbr/>Option<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.ColumnStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStyle</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.BaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.HeaderStdStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">HeaderStdStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.CheckHeaderStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">CheckHeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#MultilineTextHeaderStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">MultilineTextHeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.SortHeaderStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">SortHeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a href="../interfaces/TYPES.ColumnStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStyle</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.BaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">BaseStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.HeaderStdStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">HeaderStdStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.CheckHeaderStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">CheckHeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#MultilineTextHeaderStyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">MultilineTextHeaderStyleOption</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/TYPES.SortHeaderStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">SortHeaderStyleOption</a><span class="tsd-signature-symbol">)</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="HeaderTypeOption" class="tsd-anchor"></a><h3>Header<wbr/>Type<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Header<wbr/>Type<wbr/>Option<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"DEFAULT"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"default"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"SORT"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"sort"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"CHECK"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"check"</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="HeaderValues" class="tsd-anchor"></a><h3>Header<wbr/>Values</h3><div class="tsd-signature tsd-kind-icon">Header<wbr/>Values<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Map</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="IconStyleOption" class="tsd-anchor"></a><h3>Icon<wbr/>Style<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Icon<wbr/>Style<wbr/>Option<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="IndicatorDefine" class="tsd-anchor"></a><h3>Indicator<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Indicator<wbr/>Define<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#IndicatorObject" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorObject</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#IndicatorStyle" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorStyle</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="IndicatorObject" class="tsd-anchor"></a><h3>Indicator<wbr/>Object</h3><div class="tsd-signature tsd-kind-icon">Indicator<wbr/>Object<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>color<span class="tsd-signature-symbol">?: </span><a href="TYPES.html#ColorDef" class="tsd-signature-type" data-tsd-kind="Type alias">ColorDef</a><span class="tsd-signature-symbol">; </span>size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>style<span class="tsd-signature-symbol">?: </span><a href="TYPES.html#IndicatorStyle" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorStyle</a><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> color<span class="tsd-signature-symbol">?: </span><a href="TYPES.html#ColorDef" class="tsd-signature-type" data-tsd-kind="Type alias">ColorDef</a></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> style<span class="tsd-signature-symbol">?: </span><a href="TYPES.html#IndicatorStyle" class="tsd-signature-type" data-tsd-kind="Type alias">IndicatorStyle</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="IndicatorStyle" class="tsd-anchor"></a><h3>Indicator<wbr/>Style</h3><div class="tsd-signature tsd-kind-icon">Indicator<wbr/>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"triangle"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"none"</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="InputCellEvent" class="tsd-anchor"></a><h3>Input<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Input<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="KeyboardEventListener" class="tsd-anchor"></a><h3>Keyboard<wbr/>Event<wbr/>Listener</h3><div class="tsd-signature tsd-kind-icon">Keyboard<wbr/>Event<wbr/>Listener<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>e: <span class="tsd-signature-type">KeyboardEvent</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="KeydownEvent" class="tsd-anchor"></a><h3>Keydown<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Keydown<wbr/>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span><span class="tsd-signature-symbol">; </span>keyCode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>stopCellMoving<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">KeyboardEvent</span></h5></li><li class="tsd-parameter"><h5>key<wbr/>Code<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5>stop<wbr/>Cell<wbr/>Moving<span class="tsd-signature-symbol">:</span>function</h5><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-type-literal"><li class="tsd-signature tsd-kind-icon">stop<wbr/>Cell<wbr/>Moving<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="LayoutObjectId" class="tsd-anchor"></a><h3>Layout<wbr/>Object<wbr/>Id</h3><div class="tsd-signature tsd-kind-icon">Layout<wbr/>Object<wbr/>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="LineClamp" class="tsd-anchor"></a><h3>Line<wbr/>Clamp</h3><div class="tsd-signature tsd-kind-icon">Line<wbr/>Clamp<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"auto"</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybeCall" class="tsd-anchor"></a><h3>Maybe<wbr/>Call</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Call<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li><li><h4>A<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybeCallOrUndef" class="tsd-anchor"></a><h3>Maybe<wbr/>Call<wbr/>Or<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Call<wbr/>Or<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li><li><h4>A<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybePromise" class="tsd-anchor"></a><h3>Maybe<wbr/>Promise</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Promise<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybePromiseOrCall" class="tsd-anchor"></a><h3>Maybe<wbr/>Promise<wbr/>Or<wbr/>Call</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Call<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li><li><h4>A<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybePromiseOrCallOrUndef" class="tsd-anchor"></a><h3>Maybe<wbr/>Promise<wbr/>Or<wbr/>Call<wbr/>Or<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Call<wbr/>Or<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li><li><h4>A<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybePromiseOrUndef" class="tsd-anchor"></a><h3>Maybe<wbr/>Promise<wbr/>Or<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="MaybeUndef" class="tsd-anchor"></a><h3>Maybe<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Maybe<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="Message" class="tsd-anchor"></a><h3>Message</h3><div class="tsd-signature tsd-kind-icon">Message<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.MessageObject.html" class="tsd-signature-type" data-tsd-kind="Interface">MessageObject</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ModifyStatusEditableinputCellEvent" class="tsd-anchor"></a><h3>Modify<wbr/>Status<wbr/>Editableinput<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Modify<wbr/>Status<wbr/>Editableinput<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>input<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="MouseCellEvent" class="tsd-anchor"></a><h3>Mouse<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Mouse<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="MousePointerCellEvent" class="tsd-anchor"></a><h3>Mouse<wbr/>Pointer<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Mouse<wbr/>Pointer<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>related<span class="tsd-signature-symbol">?: </span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="MultilineTextHeaderStyleOption" class="tsd-anchor"></a><h3>Multiline<wbr/>Text<wbr/>Header<wbr/>Style<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Multiline<wbr/>Text<wbr/>Header<wbr/>Style<wbr/>Option<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.StdMultilineTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdMultilineTextBaseStyleOption</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="NumberStyleOption" class="tsd-anchor"></a><h3>Number<wbr/>Style<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Number<wbr/>Style<wbr/>Option<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#StyleOption" class="tsd-signature-type" data-tsd-kind="Type alias">StyleOption</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="PartialThemeDefine" class="tsd-anchor"></a><h3>Partial<wbr/>Theme<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Partial<wbr/>Theme<wbr/>Define<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">></span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="PasteCellEvent" class="tsd-anchor"></a><h3>Paste<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Paste<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ClipboardEvent</span><span class="tsd-signature-symbol">; </span>multi<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>normalizeValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>rangeBoxValues<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.PasteRangeBoxValues.html" class="tsd-signature-type" data-tsd-kind="Interface">PasteRangeBoxValues</a><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="PasteRejectedValuesEvent" class="tsd-anchor"></a><h3>Paste<wbr/>Rejected<wbr/>Values<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Paste<wbr/>Rejected<wbr/>Values<wbr/>Event<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>detail<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>define<span class="tsd-signature-symbol">: </span><a href="../interfaces/ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>pasteValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>detail<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>define<span class="tsd-signature-symbol">: </span><a href="../interfaces/ColumnDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnDefine</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>pasteValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="PromiseMaybeCallOrUndef" class="tsd-anchor"></a><h3>Promise<wbr/>Maybe<wbr/>Call<wbr/>Or<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Call<wbr/>Or<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><a href="TYPES.html#MaybeCallOrUndef" class="tsd-signature-type" data-tsd-kind="Type alias">MaybeCallOrUndef</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li><li><h4>A<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="PromiseMaybeUndef" class="tsd-anchor"></a><h3>Promise<wbr/>Maybe<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="PromiseMaybeUndefOrCall" class="tsd-anchor"></a><h3>Promise<wbr/>Maybe<wbr/>Undef<wbr/>Or<wbr/>Call</h3><div class="tsd-signature tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Undef<wbr/>Or<wbr/>Call<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">A</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li><li><h4>A<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="PromiseOrUndef" class="tsd-anchor"></a><h3>Promise<wbr/>Or<wbr/>Undef</h3><div class="tsd-signature tsd-kind-icon">Promise<wbr/>Or<wbr/>Undef<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">></span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="RecordBoolean" class="tsd-anchor"></a><h3>Record<wbr/>Boolean</h3><div class="tsd-signature tsd-kind-icon">Record<wbr/>Boolean<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T = <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="RequiredThemeDefine" class="tsd-anchor"></a><h3>Required<wbr/>Theme<wbr/>Define</h3><div class="tsd-signature tsd-kind-icon">Required<wbr/>Theme<wbr/>Define<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>button<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">[</span><a href="../interfaces/TYPES.ThemeDefine.html#button"><span class="tsd-signature-type">"button"</span></a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>checkbox<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">[</span><a href="../interfaces/TYPES.ThemeDefine.html#checkbox"><span class="tsd-signature-type">"checkbox"</span></a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>header<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">[</span><a href="../interfaces/TYPES.ThemeDefine.html#header"><span class="tsd-signature-type">"header"</span></a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>indicators<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">[</span><a href="../interfaces/TYPES.ThemeDefine.html#indicators"><span class="tsd-signature-type">"indicators"</span></a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>messages<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">[</span><a href="../interfaces/TYPES.ThemeDefine.html#messages"><span class="tsd-signature-type">"messages"</span></a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>radioButton<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemeDefine</a><span class="tsd-signature-symbol">[</span><a href="../interfaces/TYPES.ThemeDefine.html#radioButton"><span class="tsd-signature-type">"radioButton"</span></a><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="ScrollEvent" class="tsd-anchor"></a><h3>Scroll<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Scroll<wbr/>Event<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"> }</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Event</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="SelectedCellEvent" class="tsd-anchor"></a><h3>Selected<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Selected<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="TYPES.html#BeforeSelectedCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">BeforeSelectedCellEvent</a><span class="tsd-signature-symbol"> | </span><a href="TYPES.html#AfterSelectedCellEvent" class="tsd-signature-type" data-tsd-kind="Type alias">AfterSelectedCellEvent</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="SetPasteValueTestData" class="tsd-anchor"></a><h3>Set<wbr/>Paste<wbr/>Value<wbr/>Test<wbr/>Data</h3><div class="tsd-signature tsd-kind-icon">Set<wbr/>Paste<wbr/>Value<wbr/>Test<wbr/>Data<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>oldValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>record<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="SimpleBranchGraphCommand" class="tsd-anchor"></a><h3>Simple<wbr/>Branch<wbr/>Graph<wbr/>Command</h3><div class="tsd-signature tsd-kind-icon">Simple<wbr/>Branch<wbr/>Graph<wbr/>Command<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>branch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>command<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"branch"</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>branch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>command<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"commit"</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>branch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>command<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"merge"</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>branch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>command<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"tag"</span><span class="tsd-signature-symbol">; </span>tag<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a id="SortOption" class="tsd-anchor"></a><h3>Sort<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Sort<wbr/>Option<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>arg<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>col<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>grid<span class="tsd-signature-symbol">: </span><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-signature-type" data-tsd-kind="Interface">ListGridAPI</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">; </span>order<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"asc"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"desc"</span><span class="tsd-signature-symbol">; </span>row<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T</h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="StyleOption" class="tsd-anchor"></a><h3>Style<wbr/>Option</h3><div class="tsd-signature tsd-kind-icon">Style<wbr/>Option<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.StdTextBaseStyleOption.html" class="tsd-signature-type" data-tsd-kind="Interface">StdTextBaseStyleOption</a></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="TextOverflow" class="tsd-anchor"></a><h3>Text<wbr/>Overflow</h3><div class="tsd-signature tsd-kind-icon">Text<wbr/>Overflow<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"clip"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"ellipsis"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="TouchCellEvent" class="tsd-anchor"></a><h3>Touch<wbr/>Cell<wbr/>Event</h3><div class="tsd-signature tsd-kind-icon">Touch<wbr/>Cell<wbr/>Event<span class="tsd-signature-symbol">:</span> <a href="../interfaces/TYPES.CellAddress.html" class="tsd-signature-type" data-tsd-kind="Interface">CellAddress</a><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-symbol">{ </span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TouchEvent</span><span class="tsd-signature-symbol"> }</span></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace"><a id="Visibility" class="tsd-anchor"></a><h3>Visibility</h3><div class="tsd-signature tsd-kind-icon">Visibility<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"visible"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"hidden"</span></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class="current tsd-kind-namespace"><a href="TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="core.html">core</a></li><li class=" tsd-kind-namespace"><a href="data.html">data</a></li><li class=" tsd-kind-namespace"><a href="headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ActionOption.html" class="tsd-kind-icon">Action<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BaseActionOption.html" class="tsd-kind-icon">Base<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BaseColumnOption.html" class="tsd-kind-icon">Base<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BaseStyleOption.html" class="tsd-kind-icon">Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BranchGraphColumnOption.html" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.BranchGraphStyleOption.html" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ButtonColumnOption.html" class="tsd-kind-icon">Button<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ButtonStyleOption.html" class="tsd-kind-icon">Button<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CellAddress.html" class="tsd-kind-icon">Cell<wbr/>Address</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CellContext.html" class="tsd-kind-icon">Cell<wbr/>Context</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CellRange.html" class="tsd-kind-icon">Cell<wbr/>Range</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CheckHeaderStyleOption.html" class="tsd-kind-icon">Check<wbr/>Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.CheckStyleOption.html" class="tsd-kind-icon">Check<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnActionAPI.html" class="tsd-kind-icon">Column<wbr/>ActionAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnMenuItemObjectOptions.html" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Object<wbr/>Options</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnMenuItemOption.html" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnStyle.html" class="tsd-kind-icon">Column<wbr/>Style</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ColumnTypeAPI.html" class="tsd-kind-icon">Column<wbr/>TypeAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.DataSourceAPI.html" class="tsd-kind-icon">Data<wbr/>SourceAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridAPI.html" class="tsd-kind-icon">Draw<wbr/>GridAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridEventHandlersEventMap.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Event<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridEventHandlersReturnMap.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Return<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.DrawGridKeyboardOptions.html" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Options</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.EditorOption.html" class="tsd-kind-icon">Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.FieldAssessor.html" class="tsd-kind-icon">Field<wbr/>Assessor</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.FontIcon.html" class="tsd-kind-icon">Font<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.GridCanvasHelperAPI.html" class="tsd-kind-icon">Grid<wbr/>Canvas<wbr/>HelperAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.HeaderStdStyleOption.html" class="tsd-kind-icon">Header<wbr/>Std<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.IconColumnOption.html" class="tsd-kind-icon">Icon<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.IconDefine.html" class="tsd-kind-icon">Icon<wbr/>Define</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.ImageIcon.html" class="tsd-kind-icon">Image<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ImageStyleOption.html" class="tsd-kind-icon">Image<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.InlineAPI.html" class="tsd-kind-icon">InlineAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.InlineInputEditorOption.html" class="tsd-kind-icon">Inline<wbr/>Input<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.InlineMenuEditorOption.html" class="tsd-kind-icon">Inline<wbr/>Menu<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.ListGridAPI.html" class="tsd-kind-icon">List<wbr/>GridAPI</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.ListGridEventHandlersEventMap.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Event<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ListGridEventHandlersReturnMap.html" class="tsd-kind-icon">List<wbr/>Grid<wbr/>Event<wbr/>Handlers<wbr/>Return<wbr/>Map</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MenuColumnOption.html" class="tsd-kind-icon">Menu<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MenuStyleOption.html" class="tsd-kind-icon">Menu<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MessageObject.html" class="tsd-kind-icon">Message<wbr/>Object</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.MultilineTextStyleOption.html" class="tsd-kind-icon">Multiline<wbr/>Text<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.NamedIcon.html" class="tsd-kind-icon">Named<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.NumberColumnOption.html" class="tsd-kind-icon">Number<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.OldSimpleColumnMenuItemOption.html" class="tsd-kind-icon">Old<wbr/>Simple<wbr/>Column<wbr/>Menu<wbr/>Item<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.PasteRangeBoxValues.html" class="tsd-kind-icon">Paste<wbr/>Range<wbr/>Box<wbr/>Values</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.PathIcon.html" class="tsd-kind-icon">Path<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.PercentCompleteBarColumnOption.html" class="tsd-kind-icon">Percent<wbr/>Complete<wbr/>Bar<wbr/>Column<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.PercentCompleteBarStyleOption.html" class="tsd-kind-icon">Percent<wbr/>Complete<wbr/>Bar<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.RadioEditorOption.html" class="tsd-kind-icon">Radio<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.RadioStyleOption.html" class="tsd-kind-icon">Radio<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.RectProps.html" class="tsd-kind-icon">Rect<wbr/>Props</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.Selection.html" class="tsd-kind-icon">Selection</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.SimpleColumnMenuItemOption.html" class="tsd-kind-icon">Simple<wbr/>Column<wbr/>Menu<wbr/>Item<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.SmallDialogInputEditorOption.html" class="tsd-kind-icon">Small<wbr/>Dialog<wbr/>Input<wbr/>Editor<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.SortHeaderActionOption.html" class="tsd-kind-icon">Sort<wbr/>Header<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.SortHeaderStyleOption.html" class="tsd-kind-icon">Sort<wbr/>Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.SortState.html" class="tsd-kind-icon">Sort<wbr/>State</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StdBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StdMultilineTextBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Multiline<wbr/>Text<wbr/>Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StdTextBaseStyleOption.html" class="tsd-kind-icon">Std<wbr/>Text<wbr/>Base<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.StylePropertyFunctionArg.html" class="tsd-kind-icon">Style<wbr/>Property<wbr/>Function<wbr/>Arg</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/TYPES.SvgIcon.html" class="tsd-kind-icon">Svg<wbr/>Icon</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/TYPES.ThemeDefine.html" class="tsd-kind-icon">Theme<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ActionListener" class="tsd-kind-icon">Action<wbr/>Listener</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#AfterSelectedCellEvent" class="tsd-kind-icon">After<wbr/>Selected<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#AnyFunction" class="tsd-kind-icon">Any<wbr/>Function</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#AnyListener" class="tsd-kind-icon">Any<wbr/>Listener</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#BeforeSelectedCellEvent" class="tsd-kind-icon">Before<wbr/>Selected<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#BranchGraphCommand" class="tsd-kind-icon">Branch<wbr/>Graph<wbr/>Command</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ButtonActionOption" class="tsd-kind-icon">Button<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ChangedHeaderValueCellEvent" class="tsd-kind-icon">Changed<wbr/>Header<wbr/>Value<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#ChangedValueCellEvent" class="tsd-kind-icon">Changed<wbr/>Value<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColorDef" class="tsd-kind-icon">Color<wbr/>Def</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColorPropertyDefine" class="tsd-kind-icon">Color<wbr/>Property<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColorsPropertyDefine" class="tsd-kind-icon">Colors<wbr/>Property<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnActionOption" class="tsd-kind-icon">Column<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#ColumnIconOption" class="tsd-kind-icon">Column<wbr/>Icon<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnMenuItemOptions" class="tsd-kind-icon">Column<wbr/>Menu<wbr/>Item<wbr/>Options</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnStyleOption" class="tsd-kind-icon">Column<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ColumnTypeOption" class="tsd-kind-icon">Column<wbr/>Type<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#DeleteCellEvent" class="tsd-kind-icon">Delete<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#DrawGridKeyboardMoveCellFunction" class="tsd-kind-icon">Draw<wbr/>Grid<wbr/>Keyboard<wbr/>Move<wbr/>Cell<wbr/>Function</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#EventListenerId" class="tsd-kind-icon">Event<wbr/>Listener<wbr/>Id</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#FieldData" class="tsd-kind-icon">Field<wbr/>Data</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#FieldDef" class="tsd-kind-icon">Field<wbr/>Def</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#FieldGetter" class="tsd-kind-icon">Field<wbr/>Getter</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#FieldSetter" class="tsd-kind-icon">Field<wbr/>Setter</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#FontPropertyDefine" class="tsd-kind-icon">Font<wbr/>Property<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#GetRadioEditorGroup" class="tsd-kind-icon">Get<wbr/>Radio<wbr/>Editor<wbr/>Group</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderActionOption" class="tsd-kind-icon">Header<wbr/>Action<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderStyleOption" class="tsd-kind-icon">Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderTypeOption" class="tsd-kind-icon">Header<wbr/>Type<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#HeaderValues" class="tsd-kind-icon">Header<wbr/>Values</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IconStyleOption" class="tsd-kind-icon">Icon<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IndicatorDefine" class="tsd-kind-icon">Indicator<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IndicatorObject" class="tsd-kind-icon">Indicator<wbr/>Object</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#IndicatorStyle" class="tsd-kind-icon">Indicator<wbr/>Style</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#InputCellEvent" class="tsd-kind-icon">Input<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#KeyboardEventListener" class="tsd-kind-icon">Keyboard<wbr/>Event<wbr/>Listener</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#KeydownEvent" class="tsd-kind-icon">Keydown<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#LayoutObjectId" class="tsd-kind-icon">Layout<wbr/>Object<wbr/>Id</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#LineClamp" class="tsd-kind-icon">Line<wbr/>Clamp</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybeCall" class="tsd-kind-icon">Maybe<wbr/>Call</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybeCallOrUndef" class="tsd-kind-icon">Maybe<wbr/>Call<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromise" class="tsd-kind-icon">Maybe<wbr/>Promise</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromiseOrCall" class="tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Call</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromiseOrCallOrUndef" class="tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Call<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybePromiseOrUndef" class="tsd-kind-icon">Maybe<wbr/>Promise<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#MaybeUndef" class="tsd-kind-icon">Maybe<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#Message" class="tsd-kind-icon">Message</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ModifyStatusEditableinputCellEvent" class="tsd-kind-icon">Modify<wbr/>Status<wbr/>Editableinput<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#MouseCellEvent" class="tsd-kind-icon">Mouse<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#MousePointerCellEvent" class="tsd-kind-icon">Mouse<wbr/>Pointer<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#MultilineTextHeaderStyleOption" class="tsd-kind-icon">Multiline<wbr/>Text<wbr/>Header<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#NumberStyleOption" class="tsd-kind-icon">Number<wbr/>Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#PartialThemeDefine" class="tsd-kind-icon">Partial<wbr/>Theme<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#PasteCellEvent" class="tsd-kind-icon">Paste<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PasteRejectedValuesEvent" class="tsd-kind-icon">Paste<wbr/>Rejected<wbr/>Values<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseMaybeCallOrUndef" class="tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Call<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseMaybeUndef" class="tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseMaybeUndefOrCall" class="tsd-kind-icon">Promise<wbr/>Maybe<wbr/>Undef<wbr/>Or<wbr/>Call</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#PromiseOrUndef" class="tsd-kind-icon">Promise<wbr/>Or<wbr/>Undef</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#RecordBoolean" class="tsd-kind-icon">Record<wbr/>Boolean</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#RequiredThemeDefine" class="tsd-kind-icon">Required<wbr/>Theme<wbr/>Define</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#ScrollEvent" class="tsd-kind-icon">Scroll<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#SelectedCellEvent" class="tsd-kind-icon">Selected<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#SetPasteValueTestData" class="tsd-kind-icon">Set<wbr/>Paste<wbr/>Value<wbr/>Test<wbr/>Data</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#SimpleBranchGraphCommand" class="tsd-kind-icon">Simple<wbr/>Branch<wbr/>Graph<wbr/>Command</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter"><a href="TYPES.html#SortOption" class="tsd-kind-icon">Sort<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#StyleOption" class="tsd-kind-icon">Style<wbr/>Option</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#TextOverflow" class="tsd-kind-icon">Text<wbr/>Overflow</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#TouchCellEvent" class="tsd-kind-icon">Touch<wbr/>Cell<wbr/>Event</a></li><li class="tsd-kind-type-alias tsd-parent-kind-namespace"><a href="TYPES.html#Visibility" class="tsd-kind-icon">Visibility</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules/columns.html b/documents/tsdoc/modules/columns.html
new file mode 100644
index 000000000..9ce5602e6
--- /dev/null
+++ b/documents/tsdoc/modules/columns.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>columns | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="columns.html">columns</a></li></ul><h1>Namespace columns</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="TYPES.html">TYPES</a></li><li class="current tsd-kind-namespace"><a href="columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="core.html">core</a></li><li class=" tsd-kind-namespace"><a href="data.html">data</a></li><li class=" tsd-kind-namespace"><a href="headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules/core.html b/documents/tsdoc/modules/core.html
new file mode 100644
index 000000000..4e408f7e0
--- /dev/null
+++ b/documents/tsdoc/modules/core.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>core | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="core.html">core</a></li></ul><h1>Namespace core</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Classes</h3><ul class="tsd-index-list"><li class="tsd-kind-class tsd-parent-kind-namespace"><a href="../classes/core.DrawGrid.html" class="tsd-kind-icon">Draw<wbr/>Grid</a></li></ul></section><section class="tsd-index-section "><h3>Variables</h3><ul class="tsd-index-list"><li class="tsd-kind-variable tsd-parent-kind-namespace"><a href="core.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Variables</h2><section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-namespace"><a id="EVENT_TYPE" class="tsd-anchor"></a><h3>EVENT_<wbr/>TYPE</h3><div class="tsd-signature tsd-kind-icon">EVENT_<wbr/>TYPE<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DrawGridEvents</span><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><div class="lead">
+<p>DrawGrid event types</p>
+</div><dl class="tsd-comment-tags"><dt>classdesc</dt><dd><p>cheetahGrid.core.EVENT_TYPE</p>
+</dd><dt>memberof</dt><dd><p>cheetahGrid.core</p>
+</dd></dl></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="columns.html">columns</a></li><li class="current tsd-kind-namespace"><a href="core.html">core</a></li><li class=" tsd-kind-namespace"><a href="data.html">data</a></li><li class=" tsd-kind-namespace"><a href="headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-class tsd-parent-kind-namespace"><a href="../classes/core.DrawGrid.html" class="tsd-kind-icon">Draw<wbr/>Grid</a></li><li class="tsd-kind-variable tsd-parent-kind-namespace"><a href="core.html#EVENT_TYPE" class="tsd-kind-icon">EVENT_<wbr/>TYPE</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules/data.html b/documents/tsdoc/modules/data.html
new file mode 100644
index 000000000..dd3d66db9
--- /dev/null
+++ b/documents/tsdoc/modules/data.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>data | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="data.html">data</a></li></ul><h1>Namespace data</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Classes</h3><ul class="tsd-index-list"><li class="tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../classes/data.CachedDataSource.html" class="tsd-kind-icon">Cached<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../classes/data.DataSource.html" class="tsd-kind-icon">Data<wbr/>Source</a></li><li class="tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../classes/data.FilterDataSource.html" class="tsd-kind-icon">Filter<wbr/>Data<wbr/>Source</a></li></ul></section><section class="tsd-index-section "><h3>Interfaces</h3><ul class="tsd-index-list"><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/data.DataSourceParam.html" class="tsd-kind-icon">Data<wbr/>Source<wbr/>Param</a></li></ul></section></div></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="core.html">core</a></li><li class="current tsd-kind-namespace"><a href="data.html">data</a></li><li class=" tsd-kind-namespace"><a href="headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../classes/data.CachedDataSource.html" class="tsd-kind-icon">Cached<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../classes/data.DataSource.html" class="tsd-kind-icon">Data<wbr/>Source</a></li><li class="tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../classes/data.FilterDataSource.html" class="tsd-kind-icon">Filter<wbr/>Data<wbr/>Source</a></li><li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/data.DataSourceParam.html" class="tsd-kind-icon">Data<wbr/>Source<wbr/>Param</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules/headers.html b/documents/tsdoc/modules/headers.html
new file mode 100644
index 000000000..9a4e0ce5b
--- /dev/null
+++ b/documents/tsdoc/modules/headers.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>headers | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="headers.html">headers</a></li></ul><h1>Namespace headers</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="core.html">core</a></li><li class=" tsd-kind-namespace"><a href="data.html">data</a></li><li class="current tsd-kind-namespace"><a href="headers.html">headers</a></li><li class=" tsd-kind-namespace"><a href="tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/documents/tsdoc/modules/tools.html b/documents/tsdoc/modules/tools.html
new file mode 100644
index 000000000..341df6d83
--- /dev/null
+++ b/documents/tsdoc/modules/tools.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>tools | cheetah-grid</title><meta name="description" content="Documentation for cheetah-grid"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cheetah-grid</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">cheetah-grid</a></li><li><a href="tools.html">tools</a></li></ul><h1>Namespace tools</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
+<p>Cheetah Grid</p>
+</div><dl class="tsd-comment-tags"><dt>namespace</dt><dd><p>cheetahGrid</p>
+</dd></dl></div></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="TYPES.html">TYPES</a></li><li class=" tsd-kind-namespace"><a href="columns.html">columns</a></li><li class=" tsd-kind-namespace"><a href="core.html">core</a></li><li class=" tsd-kind-namespace"><a href="data.html">data</a></li><li class=" tsd-kind-namespace"><a href="headers.html">headers</a></li><li class="current tsd-kind-namespace"><a href="tools.html">tools</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/icon_512x512.ico b/icon_512x512.ico
new file mode 100644
index 0000000000000000000000000000000000000000..0d7bb076ea32cd750652fb1c1a970694d85a8e08
GIT binary patch
literal 370070
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ºb9<*JLbTTk~)6t{9|@pq=ev
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
literal 0
HcmV?d00001
diff --git a/icon_512x512.svg b/icon_512x512.svg
new file mode 100644
index 000000000..943d6eeab
--- /dev/null
+++ b/icon_512x512.svg
@@ -0,0 +1,980 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 512.00 512.00">
+<g stroke-width="2.00" fill="none" stroke-linecap="butt">
+<path stroke="#4d090f" vector-effect="non-scaling-stroke" d="
+ M 149.51 269.32
+ Q 139.32 264.51 136.09 262.15
+ Q 129.61 257.42 126.48 252.48
+ Q 123.31 247.47 120.43 239.70
+ C 119.70 237.72 118.41 235.85 117.22 234.11
+ Q 116.35 232.84 115.33 233.99
+ C 114.18 235.29 113.75 238.55 113.44 240.31
+ Q 113.02 242.69 112.00 245.35
+ Q 105.47 262.42 104.27 277.90
+ Q 103.56 287.20 104.15 298.74
+ Q 104.35 302.69 104.12 306.71
+ Q 103.85 311.41 105.54 316.21
+ Q 110.67 330.82 125.70 337.36
+ C 126.94 337.90 128.19 337.69 129.46 338.19
+ Q 130.31 338.53 129.43 338.80
+ L 127.82 339.29"
+/>
+<path stroke="#6a0f0f" vector-effect="non-scaling-stroke" d="
+ M 127.82 339.29
+ C 125.94 339.60 123.99 340.02 122.05 340.09
+ Q 110.56 340.55 102.35 341.72
+ Q 93.92 342.92 87.32 347.31
+ Q 84.50 349.18 81.54 350.38
+ C 70.16 354.97 65.17 366.16 59.95 376.79
+ C 57.87 381.00 55.19 386.17 52.16 389.35
+ C 50.12 391.49 48.55 394.28 46.38 395.74
+ Q 42.01 398.69 35.62 399.26
+ Q 34.58 399.36 35.60 399.60
+ Q 40.86 400.85 45.57 403.41
+ Q 55.77 408.93 66.13 414.42
+ Q 75.57 419.42 82.18 420.37
+ Q 85.80 420.89 89.33 421.49
+ C 96.97 422.80 105.07 421.86 112.00 418.57
+ C 121.07 414.27 127.22 408.14 134.26 400.93
+ C 142.34 392.65 152.83 384.90 163.81 380.69
+ C 165.89 379.90 166.92 378.52 168.56 377.20
+ A 1.15 1.15 0.0 0 1 170.28 377.53
+ Q 170.90 378.63 171.15 379.84
+ Q 172.06 384.19 172.82 388.43
+ Q 173.80 393.94 178.07 395.93
+ Q 179.99 396.83 181.73 397.99
+ Q 189.96 403.50 200.45 405.79
+ Q 210.06 407.89 219.41 410.23
+ Q 221.37 410.72 222.81 412.09
+ Q 230.27 419.24 237.63 426.41
+ C 244.45 433.05 252.04 439.34 260.55 443.27
+ Q 265.21 445.43 273.07 447.34
+ Q 279.45 448.88 286.19 450.80
+ C 298.17 454.20 310.38 456.92 322.93 456.44
+ C 334.20 456.01 346.33 456.42 358.01 455.52
+ C 367.28 454.81 378.24 452.56 385.95 447.35
+ C 392.03 443.25 415.41 425.08 404.87 416.12
+ Q 402.60 414.19 400.00 413.33
+ A 0.53 0.53 0.0 0 1 399.69 412.61
+ Q 403.61 404.09 406.87 396.04
+ C 410.61 386.82 412.71 377.15 409.09 367.53"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 409.09 367.53
+ Q 425.94 359.23 440.10 346.59
+ C 447.01 340.41 453.68 332.01 456.11 323.00
+ Q 457.74 316.96 458.97 311.14
+ Q 461.27 300.26 460.24 288.75
+ Q 459.34 278.64 453.85 266.22"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 453.85 266.22
+ C 460.08 241.61 463.83 224.95 466.82 208.17
+ C 468.82 196.94 468.96 187.12 467.59 176.14
+ Q 465.88 162.37 463.51 145.68
+ Q 463.38 144.78 463.03 143.99
+ Q 455.52 126.69 447.53 113.48
+ C 446.06 111.05 444.23 108.81 442.26 106.77
+ Q 430.64 94.71 418.00 83.23
+ A 2.04 2.01 -71.6 0 1 417.35 81.91
+ Q 416.80 75.46 415.19 69.96
+ C 414.01 65.91 410.58 59.57 405.95 59.22
+ C 396.25 58.47 386.85 61.98 380.57 68.95
+ Q 380.19 69.37 379.67 69.14
+ Q 360.43 60.61 339.50 58.08
+ Q 331.39 57.09 322.06 56.23
+ Q 313.81 55.47 307.85 55.59
+ Q 299.69 55.76 292.91 56.88
+ Q 286.72 57.90 279.42 59.49
+ C 268.65 61.83 259.09 65.26 249.20 70.34
+ C 243.40 73.32 237.69 74.80 231.24 74.34
+ C 225.51 73.93 220.20 70.42 215.42 67.49
+ Q 211.78 65.25 207.09 63.77
+ Q 201.77 62.09 197.53 61.29
+ Q 187.61 59.41 178.51 60.82
+ C 169.47 62.22 157.36 68.96 154.66 78.57
+ Q 151.77 88.89 153.33 102.15
+ Q 155.44 119.96 160.11 134.02
+ Q 160.27 134.49 160.08 134.96
+ C 152.41 153.90 146.51 173.18 144.31 193.64
+ C 143.03 205.52 143.17 218.98 143.63 230.47
+ Q 144.04 240.90 145.71 252.75
+ Q 146.92 261.35 149.51 269.32"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 453.85 266.22
+ Q 453.28 265.36 451.65 262.34
+ Q 445.29 250.54 433.71 243.02
+ Q 427.96 239.29 420.99 238.88"
+/>
+<path stroke="#958a34" vector-effect="non-scaling-stroke" d="
+ M 420.99 238.88
+ Q 426.95 229.95 422.81 221.17
+ Q 421.76 218.92 420.40 216.75
+ C 417.69 212.41 411.06 208.95 406.52 207.86
+ C 397.32 205.66 389.41 203.14 381.38 207.85
+ C 375.08 211.54 367.59 217.66 364.70 224.57
+ C 362.73 229.27 363.17 234.44 363.23 239.42"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 363.23 239.42
+ Q 358.83 236.98 357.22 235.26
+ Q 353.96 231.78 350.49 228.54
+ Q 338.30 217.12 321.67 212.43"
+/>
+<path stroke="#fbf09a" vector-effect="non-scaling-stroke" d="
+ M 321.67 212.43
+ C 349.34 203.41 353.26 166.63 329.98 151.02
+ Q 316.51 142.00 300.11 148.26"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 300.11 148.26
+ Q 285.89 151.44 282.72 165.37"
+/>
+<path stroke="#fbf09a" vector-effect="non-scaling-stroke" d="
+ M 282.72 165.37
+ Q 281.09 168.01 280.19 172.25
+ C 276.74 188.63 284.57 204.38 299.77 211.21"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 299.77 211.21
+ Q 299.85 211.70 299.40 211.83
+ Q 294.70 213.25 290.40 215.37
+ Q 281.93 219.54 270.32 227.95
+ Q 253.02 240.48 242.88 260.60
+ C 233.29 279.65 224.53 300.40 231.99 321.60
+ Q 235.49 331.56 244.11 337.89
+ Q 247.95 340.71 251.97 343.71
+ Q 252.04 343.76 258.42 348.90
+ Q 263.79 353.22 269.61 355.91
+ Q 278.18 359.86 293.21 365.69"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 293.21 365.69
+ Q 290.17 365.12 287.18 364.38
+ Q 274.93 361.32 262.66 358.30
+ Q 259.69 357.57 249.26 355.66
+ Q 227.47 351.69 209.56 338.56"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 209.56 338.56
+ L 204.15 334.68"
+/>
+<path stroke="#c87929" vector-effect="non-scaling-stroke" d="
+ M 204.15 334.68
+ Q 187.55 323.49 175.04 311.20
+ Q 157.51 293.98 149.51 269.32"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 409.09 367.53
+ Q 391.51 375.84 373.00 381.22
+ Q 371.66 381.61 370.24 381.68
+ Q 352.58 382.58 335.27 378.95
+ Q 313.59 374.41 293.21 365.69"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 323.47 171.56
+ L 322.54 175.72"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 318.53 181.58
+ L 315.77 184.30"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 311.74 186.79
+ L 306.78 188.19"
+/>
+<path stroke="#7d7a6c" vector-effect="non-scaling-stroke" d="
+ M 300.23 188.23
+ L 296.06 187.26"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 321.67 212.43
+ Q 310.70 215.67 299.77 211.21"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 282.72 165.37
+ Q 281.83 181.37 296.06 187.26"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 296.06 187.26
+ Q 298.52 188.99 300.23 188.23"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 300.23 188.23
+ L 306.78 188.19"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 306.78 188.19
+ Q 309.44 188.57 311.74 186.79"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 311.74 186.79
+ L 315.77 184.30"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 315.77 184.30
+ Q 318.25 183.97 318.53 181.58"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 318.53 181.58
+ Q 321.22 179.12 322.54 175.72"
+/>
+<path stroke="#fcfaec" vector-effect="non-scaling-stroke" d="
+ M 322.54 175.72
+ Q 324.06 174.13 323.47 171.56"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 323.47 171.56
+ Q 324.58 164.60 322.08 159.70
+ Q 315.73 147.28 300.11 148.26"
+/>
+<path stroke="#6a0f0f" vector-effect="non-scaling-stroke" d="
+ M 209.56 338.56
+ Q 207.14 338.25 205.47 336.77"
+/>
+<path stroke="#979486" vector-effect="non-scaling-stroke" d="
+ M 420.99 238.88
+ C 414.45 244.82 410.20 248.88 402.64 252.05
+ Q 396.43 254.65 390.37 254.52
+ Q 386.42 254.43 380.65 251.96
+ Q 372.92 248.66 367.48 246.07
+ Q 363.31 244.08 363.23 239.42"
+/>
+<path stroke="#4d090f" vector-effect="non-scaling-stroke" d="
+ M 204.15 334.68
+ Q 203.91 335.49 205.47 336.77"
+/>
+<path stroke="#b7181e" vector-effect="non-scaling-stroke" d="
+ M 205.47 336.77
+ Q 202.09 337.83 198.83 338.71
+ Q 196.83 339.25 195.35 340.17
+ Q 193.64 341.23 191.84 341.87
+ C 189.84 342.59 188.21 343.77 186.40 344.85
+ Q 184.50 345.99 183.41 347.98
+ Q 181.05 352.30 178.07 355.26
+ C 175.37 357.96 174.39 361.43 172.50 364.61
+ C 171.26 366.70 170.58 369.07 169.83 371.34
+ Q 169.15 373.43 168.28 371.41
+ Q 167.93 370.59 167.88 368.75
+ Q 167.76 363.49 167.67 358.25
+ Q 167.64 356.26 166.31 354.15
+ A 1.36 1.32 -7.7 0 0 165.55 353.59
+ C 162.17 352.68 157.34 355.21 154.21 356.72
+ Q 153.71 356.96 153.64 357.50
+ Q 153.13 361.81 148.43 362.06
+ C 145.21 362.22 142.72 363.68 139.46 363.62
+ Q 128.81 363.40 118.04 366.79
+ Q 111.86 368.73 103.37 372.56
+ Q 102.47 372.97 102.98 372.11
+ C 106.35 366.41 112.34 361.03 117.28 356.66
+ Q 118.10 355.94 119.28 355.89
+ Q 119.78 355.87 120.13 355.50
+ Q 121.49 354.08 123.12 353.50
+ C 128.36 351.64 133.76 350.08 138.80 347.33
+ Q 145.82 343.49 153.31 343.43
+ Q 154.09 343.42 153.84 342.68
+ L 153.74 342.38
+ Q 153.45 341.54 152.57 341.53
+ Q 142.44 341.38 132.25 341.65
+ Q 128.67 341.75 127.82 339.29"
+/>
+<path stroke="#e79526" vector-effect="non-scaling-stroke" d="
+ M 177.94 121.40
+ L 215.33 90.36
+ A 0.32 0.32 0.0 0 0 215.38 89.91
+ L 215.06 89.52
+ A 35.18 24.56 50.3 0 0 173.69 78.14
+ L 173.60 78.22
+ A 35.18 24.56 50.3 0 0 177.17 120.97
+ L 177.49 121.36
+ A 0.32 0.32 0.0 0 0 177.94 121.40"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 394.4797 92.9771
+ A 10.44 9.43 -0.4 0 0 383.9742 83.6202
+ A 10.44 9.43 -0.4 0 0 373.6003 93.1229
+ A 10.44 9.43 -0.4 0 0 384.1058 102.4798
+ A 10.44 9.43 -0.4 0 0 394.4797 92.9771"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 288.7841 91.6128
+ A 12.33 7.55 -15.8 0 0 274.8643 87.7053
+ A 12.33 7.55 -15.8 0 0 265.0559 98.3272
+ A 12.33 7.55 -15.8 0 0 278.9757 102.2347
+ A 12.33 7.55 -15.8 0 0 288.7841 91.6128"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 358.1698 115.9835
+ A 6.66 5.62 -0.4 0 0 351.4708 110.4101
+ A 6.66 5.62 -0.4 0 0 344.8502 116.0765
+ A 6.66 5.62 -0.4 0 0 351.5492 121.6499
+ A 6.66 5.62 -0.4 0 0 358.1698 115.9835"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 215.7301 140.8400
+ A 5.70 4.64 90.1 0 0 220.3800 135.1481
+ A 5.70 4.64 90.1 0 0 215.7499 129.4400
+ A 5.70 4.64 90.1 0 0 211.1000 135.1319
+ A 5.70 4.64 90.1 0 0 215.7301 140.8400"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 418.77 156.82
+ Q 410.14 158.93 406.55 169.20"
+/>
+<path stroke="#fbf09a" vector-effect="non-scaling-stroke" d="
+ M 406.55 169.20
+ Q 399.24 184.79 406.32 199.40
+ C 411.49 210.05 422.91 217.73 434.81 214.69
+ C 457.44 208.91 462.70 177.72 447.57 161.84
+ Q 435.83 149.52 418.82 156.00
+ A 0.27 0.26 51.5 0 0 418.77 156.47
+ Q 419.17 156.74 418.77 156.82"
+/>
+<path stroke="#808080" vector-effect="non-scaling-stroke" d="
+ M 406.55 169.20
+ Q 406.48 171.82 406.48 174.40
+ Q 406.47 177.40 407.09 179.59
+ C 409.22 187.10 416.67 193.04 424.75 191.08
+ C 431.39 189.48 436.10 183.35 436.75 176.48
+ Q 437.16 172.10 436.12 168.29
+ C 434.03 160.61 427.21 155.49 418.77 156.82"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 182.7106 212.7868
+ A 13.32 9.45 71.3 0 0 187.3911 197.1402
+ A 13.32 9.45 71.3 0 0 174.1694 187.5532
+ A 13.32 9.45 71.3 0 0 169.4889 203.1998
+ A 13.32 9.45 71.3 0 0 182.7106 212.7868"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 220.5194 217.2899
+ A 5.65 3.79 89.6 0 0 224.2699 211.6135
+ A 5.65 3.79 89.6 0 0 220.4406 205.9901
+ A 5.65 3.79 89.6 0 0 216.6901 211.6665
+ A 5.65 3.79 89.6 0 0 220.5194 217.2899"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 195.59 278.56
+ A 7.59 7.59 0.0 0 0 188.00 270.97
+ A 7.59 7.59 0.0 0 0 180.41 278.56
+ A 7.59 7.59 0.0 0 0 188.00 286.15
+ A 7.59 7.59 0.0 0 0 195.59 278.56"
+/>
+</g>
+<path fill="#000000" d="
+ M 138.30 253.80
+ Q 137.18 247.42 136.78 240.83
+ Q 135.47 219.19 136.36 199.84
+ Q 137.08 184.04 141.66 166.50
+ Q 145.81 150.62 152.26 134.51
+ Q 152.54 133.83 152.05 132.82
+ Q 151.58 131.84 151.45 131.33
+ C 148.97 121.18 146.67 112.00 145.74 101.33
+ C 144.71 89.60 144.96 75.85 152.96 66.81
+ Q 158.77 60.25 166.14 56.99
+ Q 175.86 52.69 187.17 52.83
+ Q 200.59 53.00 214.23 58.53
+ C 218.11 60.10 221.61 62.55 225.24 64.66
+ Q 231.72 68.40 238.89 66.35
+ Q 242.39 65.35 245.38 63.85
+ Q 251.53 60.78 257.41 58.39
+ Q 263.47 55.92 269.70 54.23
+ C 288.01 49.27 305.84 46.88 324.63 49.12
+ C 332.75 50.09 341.01 50.40 348.98 51.91
+ Q 364.02 54.76 377.89 60.31
+ A 0.99 0.96 -52.0 0 0 378.85 60.18
+ Q 390.58 51.28 405.60 51.44
+ Q 407.77 51.46 410.05 52.52
+ Q 417.47 55.94 420.73 63.82
+ Q 423.74 71.10 424.64 78.83
+ Q 424.68 79.24 424.98 79.51
+ Q 435.62 89.35 445.73 99.56
+ Q 451.44 105.33 454.82 111.13
+ Q 461.90 123.30 469.07 139.02
+ Q 470.47 142.10 470.98 145.76
+ Q 472.49 156.68 474.00 167.06
+ Q 474.54 170.82 475.05 175.25
+ Q 477.32 195.16 473.34 214.55
+ Q 471.70 222.55 470.01 230.24
+ Q 467.20 243.08 464.40 254.49
+ Q 463.11 259.74 461.74 265.19
+ Q 461.62 265.69 461.82 266.17
+ Q 468.97 283.33 467.68 301.54
+ Q 466.99 311.42 463.75 323.25
+ Q 461.37 331.96 457.29 338.00
+ Q 450.66 347.81 440.64 356.02
+ Q 430.31 364.50 417.90 371.33
+ Q 417.76 371.41 417.79 371.57
+ C 419.53 379.66 417.45 389.02 414.60 396.60
+ Q 412.10 403.27 409.27 409.44
+ Q 409.03 409.95 409.45 410.32
+ C 419.85 419.74 414.10 431.36 406.12 439.70
+ Q 399.19 446.93 391.48 452.57
+ Q 384.59 457.62 374.25 460.33
+ Q 363.93 463.04 350.51 463.32
+ Q 335.28 463.63 318.92 463.81
+ C 312.04 463.89 306.00 462.82 299.45 461.68
+ Q 295.09 460.92 291.23 459.85
+ Q 281.60 457.18 270.42 454.33
+ Q 260.80 451.88 254.79 448.73
+ C 244.99 443.58 236.33 435.74 228.43 427.81
+ Q 222.48 421.86 217.49 417.44
+ Q 217.05 417.06 216.49 416.95
+ Q 201.78 414.11 191.38 410.91
+ Q 184.05 408.65 178.52 404.57
+ Q 177.46 403.79 173.66 402.09
+ C 169.22 400.11 166.09 393.49 165.23 388.92
+ A 0.73 0.73 0.0 0 0 164.19 388.39
+ Q 150.66 394.98 140.33 405.41
+ Q 135.83 409.95 131.32 414.25
+ Q 120.95 424.11 107.69 428.05
+ Q 101.62 429.85 94.64 429.50
+ Q 85.96 429.06 77.61 426.95
+ C 67.12 424.30 56.94 418.03 47.18 412.70
+ Q 42.56 410.17 37.72 407.93
+ C 34.93 406.63 32.31 407.87 29.88 406.81
+ Q 25.61 404.95 24.84 400.93
+ Q 23.89 395.97 28.68 393.09
+ Q 30.99 391.69 35.48 391.61
+ C 37.45 391.58 39.20 390.82 41.09 390.37
+ C 41.93 390.18 42.47 389.69 42.69 388.85
+ Q 42.84 388.26 43.28 387.85
+ Q 48.29 383.16 50.60 378.62
+ Q 55.26 369.44 59.67 361.21
+ C 63.51 354.05 70.26 346.86 78.11 343.80
+ Q 80.82 342.74 83.39 340.97
+ C 90.24 336.28 98.85 334.35 106.99 333.64
+ A 0.36 0.36 0.0 0 0 107.22 333.04
+ Q 99.95 325.01 97.41 313.96
+ Q 96.42 309.65 96.78 305.73
+ Q 97.09 302.23 96.78 298.31
+ Q 94.66 271.46 104.37 245.11
+ Q 105.15 243.01 105.70 240.72
+ Q 106.34 238.11 106.99 235.51
+ C 108.75 228.49 114.00 223.69 121.42 228.04
+ Q 122.32 228.57 123.95 230.91
+ Q 124.94 232.32 125.80 234.23
+ Q 127.63 238.28 129.40 242.37
+ Q 131.27 246.70 132.72 248.76
+ Q 134.75 251.63 137.56 254.20
+ Q 138.52 255.08 138.30 253.80
+ Z
+ M 149.51 269.32
+ Q 139.32 264.51 136.09 262.15
+ Q 129.61 257.42 126.48 252.48
+ Q 123.31 247.47 120.43 239.70
+ C 119.70 237.72 118.41 235.85 117.22 234.11
+ Q 116.35 232.84 115.33 233.99
+ C 114.18 235.29 113.75 238.55 113.44 240.31
+ Q 113.02 242.69 112.00 245.35
+ Q 105.47 262.42 104.27 277.90
+ Q 103.56 287.20 104.15 298.74
+ Q 104.35 302.69 104.12 306.71
+ Q 103.85 311.41 105.54 316.21
+ Q 110.67 330.82 125.70 337.36
+ C 126.94 337.90 128.19 337.69 129.46 338.19
+ Q 130.31 338.53 129.43 338.80
+ L 127.82 339.29
+ C 125.94 339.60 123.99 340.02 122.05 340.09
+ Q 110.56 340.55 102.35 341.72
+ Q 93.92 342.92 87.32 347.31
+ Q 84.50 349.18 81.54 350.38
+ C 70.16 354.97 65.17 366.16 59.95 376.79
+ C 57.87 381.00 55.19 386.17 52.16 389.35
+ C 50.12 391.49 48.55 394.28 46.38 395.74
+ Q 42.01 398.69 35.62 399.26
+ Q 34.58 399.36 35.60 399.60
+ Q 40.86 400.85 45.57 403.41
+ Q 55.77 408.93 66.13 414.42
+ Q 75.57 419.42 82.18 420.37
+ Q 85.80 420.89 89.33 421.49
+ C 96.97 422.80 105.07 421.86 112.00 418.57
+ C 121.07 414.27 127.22 408.14 134.26 400.93
+ C 142.34 392.65 152.83 384.90 163.81 380.69
+ C 165.89 379.90 166.92 378.52 168.56 377.20
+ A 1.15 1.15 0.0 0 1 170.28 377.53
+ Q 170.90 378.63 171.15 379.84
+ Q 172.06 384.19 172.82 388.43
+ Q 173.80 393.94 178.07 395.93
+ Q 179.99 396.83 181.73 397.99
+ Q 189.96 403.50 200.45 405.79
+ Q 210.06 407.89 219.41 410.23
+ Q 221.37 410.72 222.81 412.09
+ Q 230.27 419.24 237.63 426.41
+ C 244.45 433.05 252.04 439.34 260.55 443.27
+ Q 265.21 445.43 273.07 447.34
+ Q 279.45 448.88 286.19 450.80
+ C 298.17 454.20 310.38 456.92 322.93 456.44
+ C 334.20 456.01 346.33 456.42 358.01 455.52
+ C 367.28 454.81 378.24 452.56 385.95 447.35
+ C 392.03 443.25 415.41 425.08 404.87 416.12
+ Q 402.60 414.19 400.00 413.33
+ A 0.53 0.53 0.0 0 1 399.69 412.61
+ Q 403.61 404.09 406.87 396.04
+ C 410.61 386.82 412.71 377.15 409.09 367.53
+ Q 425.94 359.23 440.10 346.59
+ C 447.01 340.41 453.68 332.01 456.11 323.00
+ Q 457.74 316.96 458.97 311.14
+ Q 461.27 300.26 460.24 288.75
+ Q 459.34 278.64 453.85 266.22
+ C 460.08 241.61 463.83 224.95 466.82 208.17
+ C 468.82 196.94 468.96 187.12 467.59 176.14
+ Q 465.88 162.37 463.51 145.68
+ Q 463.38 144.78 463.03 143.99
+ Q 455.52 126.69 447.53 113.48
+ C 446.06 111.05 444.23 108.81 442.26 106.77
+ Q 430.64 94.71 418.00 83.23
+ A 2.04 2.01 -71.6 0 1 417.35 81.91
+ Q 416.80 75.46 415.19 69.96
+ C 414.01 65.91 410.58 59.57 405.95 59.22
+ C 396.25 58.47 386.85 61.98 380.57 68.95
+ Q 380.19 69.37 379.67 69.14
+ Q 360.43 60.61 339.50 58.08
+ Q 331.39 57.09 322.06 56.23
+ Q 313.81 55.47 307.85 55.59
+ Q 299.69 55.76 292.91 56.88
+ Q 286.72 57.90 279.42 59.49
+ C 268.65 61.83 259.09 65.26 249.20 70.34
+ C 243.40 73.32 237.69 74.80 231.24 74.34
+ C 225.51 73.93 220.20 70.42 215.42 67.49
+ Q 211.78 65.25 207.09 63.77
+ Q 201.77 62.09 197.53 61.29
+ Q 187.61 59.41 178.51 60.82
+ C 169.47 62.22 157.36 68.96 154.66 78.57
+ Q 151.77 88.89 153.33 102.15
+ Q 155.44 119.96 160.11 134.02
+ Q 160.27 134.49 160.08 134.96
+ C 152.41 153.90 146.51 173.18 144.31 193.64
+ C 143.03 205.52 143.17 218.98 143.63 230.47
+ Q 144.04 240.90 145.71 252.75
+ Q 146.92 261.35 149.51 269.32
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 453.85 266.22
+ Q 453.28 265.36 451.65 262.34
+ Q 445.29 250.54 433.71 243.02
+ Q 427.96 239.29 420.99 238.88
+ Q 426.95 229.95 422.81 221.17
+ Q 421.76 218.92 420.40 216.75
+ C 417.69 212.41 411.06 208.95 406.52 207.86
+ C 397.32 205.66 389.41 203.14 381.38 207.85
+ C 375.08 211.54 367.59 217.66 364.70 224.57
+ C 362.73 229.27 363.17 234.44 363.23 239.42
+ Q 358.83 236.98 357.22 235.26
+ Q 353.96 231.78 350.49 228.54
+ Q 338.30 217.12 321.67 212.43
+ C 349.34 203.41 353.26 166.63 329.98 151.02
+ Q 316.51 142.00 300.11 148.26
+ Q 285.89 151.44 282.72 165.37
+ Q 281.09 168.01 280.19 172.25
+ C 276.74 188.63 284.57 204.38 299.77 211.21
+ Q 299.85 211.70 299.40 211.83
+ Q 294.70 213.25 290.40 215.37
+ Q 281.93 219.54 270.32 227.95
+ Q 253.02 240.48 242.88 260.60
+ C 233.29 279.65 224.53 300.40 231.99 321.60
+ Q 235.49 331.56 244.11 337.89
+ Q 247.95 340.71 251.97 343.71
+ Q 252.04 343.76 258.42 348.90
+ Q 263.79 353.22 269.61 355.91
+ Q 278.18 359.86 293.21 365.69
+ Q 290.17 365.12 287.18 364.38
+ Q 274.93 361.32 262.66 358.30
+ Q 259.69 357.57 249.26 355.66
+ Q 227.47 351.69 209.56 338.56
+ L 204.15 334.68
+ Q 187.55 323.49 175.04 311.20
+ Q 157.51 293.98 149.51 269.32
+ Q 146.92 261.35 145.71 252.75
+ Q 144.04 240.90 143.63 230.47
+ C 143.17 218.98 143.03 205.52 144.31 193.64
+ C 146.51 173.18 152.41 153.90 160.08 134.96
+ Q 160.27 134.49 160.11 134.02
+ Q 155.44 119.96 153.33 102.15
+ Q 151.77 88.89 154.66 78.57
+ C 157.36 68.96 169.47 62.22 178.51 60.82
+ Q 187.61 59.41 197.53 61.29
+ Q 201.77 62.09 207.09 63.77
+ Q 211.78 65.25 215.42 67.49
+ C 220.20 70.42 225.51 73.93 231.24 74.34
+ C 237.69 74.80 243.40 73.32 249.20 70.34
+ C 259.09 65.26 268.65 61.83 279.42 59.49
+ Q 286.72 57.90 292.91 56.88
+ Q 299.69 55.76 307.85 55.59
+ Q 313.81 55.47 322.06 56.23
+ Q 331.39 57.09 339.50 58.08
+ Q 360.43 60.61 379.67 69.14
+ Q 380.19 69.37 380.57 68.95
+ C 386.85 61.98 396.25 58.47 405.95 59.22
+ C 410.58 59.57 414.01 65.91 415.19 69.96
+ Q 416.80 75.46 417.35 81.91
+ A 2.04 2.01 -71.6 0 0 418.00 83.23
+ Q 430.64 94.71 442.26 106.77
+ C 444.23 108.81 446.06 111.05 447.53 113.48
+ Q 455.52 126.69 463.03 143.99
+ Q 463.38 144.78 463.51 145.68
+ Q 465.88 162.37 467.59 176.14
+ C 468.96 187.12 468.82 196.94 466.82 208.17
+ C 463.83 224.95 460.08 241.61 453.85 266.22
+ Z
+ M 177.94 121.40
+ L 215.33 90.36
+ A 0.32 0.32 0.0 0 0 215.38 89.91
+ L 215.06 89.52
+ A 35.18 24.56 50.3 0 0 173.69 78.14
+ L 173.60 78.22
+ A 35.18 24.56 50.3 0 0 177.17 120.97
+ L 177.49 121.36
+ A 0.32 0.32 0.0 0 0 177.94 121.40
+ Z
+ M 394.4797 92.9771
+ A 10.44 9.43 -0.4 0 0 383.9742 83.6202
+ A 10.44 9.43 -0.4 0 0 373.6003 93.1229
+ A 10.44 9.43 -0.4 0 0 384.1058 102.4798
+ A 10.44 9.43 -0.4 0 0 394.4797 92.9771
+ Z
+ M 288.7841 91.6128
+ A 12.33 7.55 -15.8 0 0 274.8643 87.7053
+ A 12.33 7.55 -15.8 0 0 265.0559 98.3272
+ A 12.33 7.55 -15.8 0 0 278.9757 102.2347
+ A 12.33 7.55 -15.8 0 0 288.7841 91.6128
+ Z
+ M 358.1698 115.9835
+ A 6.66 5.62 -0.4 0 0 351.4708 110.4101
+ A 6.66 5.62 -0.4 0 0 344.8502 116.0765
+ A 6.66 5.62 -0.4 0 0 351.5492 121.6499
+ A 6.66 5.62 -0.4 0 0 358.1698 115.9835
+ Z
+ M 215.7301 140.8400
+ A 5.70 4.64 90.1 0 0 220.3800 135.1481
+ A 5.70 4.64 90.1 0 0 215.7499 129.4400
+ A 5.70 4.64 90.1 0 0 211.1000 135.1319
+ A 5.70 4.64 90.1 0 0 215.7301 140.8400
+ Z
+ M 418.77 156.82
+ Q 410.14 158.93 406.55 169.20
+ Q 399.24 184.79 406.32 199.40
+ C 411.49 210.05 422.91 217.73 434.81 214.69
+ C 457.44 208.91 462.70 177.72 447.57 161.84
+ Q 435.83 149.52 418.82 156.00
+ A 0.27 0.26 51.5 0 0 418.77 156.47
+ Q 419.17 156.74 418.77 156.82
+ Z
+ M 182.7106 212.7868
+ A 13.32 9.45 71.3 0 0 187.3911 197.1402
+ A 13.32 9.45 71.3 0 0 174.1694 187.5532
+ A 13.32 9.45 71.3 0 0 169.4889 203.1998
+ A 13.32 9.45 71.3 0 0 182.7106 212.7868
+ Z
+ M 220.5194 217.2899
+ A 5.65 3.79 89.6 0 0 224.2699 211.6135
+ A 5.65 3.79 89.6 0 0 220.4406 205.9901
+ A 5.65 3.79 89.6 0 0 216.6901 211.6665
+ A 5.65 3.79 89.6 0 0 220.5194 217.2899
+ Z
+ M 195.59 278.56
+ A 7.59 7.59 0.0 0 0 188.00 270.97
+ A 7.59 7.59 0.0 0 0 180.41 278.56
+ A 7.59 7.59 0.0 0 0 188.00 286.15
+ A 7.59 7.59 0.0 0 0 195.59 278.56
+ Z"
+/>
+<path fill="#d74917" d="
+ M 177.94 121.40
+ A 0.32 0.32 0.0 0 1 177.49 121.36
+ L 177.17 120.97
+ A 35.18 24.56 50.3 0 1 173.60 78.22
+ L 173.69 78.14
+ A 35.18 24.56 50.3 0 1 215.06 89.52
+ L 215.38 89.91
+ A 0.32 0.32 0.0 0 1 215.33 90.36
+ L 177.94 121.40
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(384.04,93.05) rotate(-0.4)" rx="10.44" ry="9.43"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(276.92,94.97) rotate(-15.8)" rx="12.33" ry="7.55"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(351.51,116.03) rotate(-0.4)" rx="6.66" ry="5.62"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(215.74,135.14) rotate(90.1)" rx="5.70" ry="4.64"/>
+<path fill="#ffffff" d="
+ M 321.67 212.43
+ Q 310.70 215.67 299.77 211.21
+ C 284.57 204.38 276.74 188.63 280.19 172.25
+ Q 281.09 168.01 282.72 165.37
+ Q 281.83 181.37 296.06 187.26
+ Q 298.52 188.99 300.23 188.23
+ L 306.78 188.19
+ Q 309.44 188.57 311.74 186.79
+ L 315.77 184.30
+ Q 318.25 183.97 318.53 181.58
+ Q 321.22 179.12 322.54 175.72
+ Q 324.06 174.13 323.47 171.56
+ Q 324.58 164.60 322.08 159.70
+ Q 315.73 147.28 300.11 148.26
+ Q 316.51 142.00 329.98 151.02
+ C 353.26 166.63 349.34 203.41 321.67 212.43
+ Z"
+/>
+<path fill="#000000" d="
+ M 300.11 148.26
+ Q 315.73 147.28 322.08 159.70
+ Q 324.58 164.60 323.47 171.56
+ L 322.54 175.72
+ Q 321.22 179.12 318.53 181.58
+ L 315.77 184.30
+ L 311.74 186.79
+ L 306.78 188.19
+ L 300.23 188.23
+ L 296.06 187.26
+ Q 281.83 181.37 282.72 165.37
+ Q 285.89 151.44 300.11 148.26
+ Z"
+/>
+<path fill="#ffffff" d="
+ M 406.55 169.20
+ Q 406.48 171.82 406.48 174.40
+ Q 406.47 177.40 407.09 179.59
+ C 409.22 187.10 416.67 193.04 424.75 191.08
+ C 431.39 189.48 436.10 183.35 436.75 176.48
+ Q 437.16 172.10 436.12 168.29
+ C 434.03 160.61 427.21 155.49 418.77 156.82
+ Q 419.17 156.74 418.77 156.47
+ A 0.27 0.26 51.5 0 1 418.82 156.00
+ Q 435.83 149.52 447.57 161.84
+ C 462.70 177.72 457.44 208.91 434.81 214.69
+ C 422.91 217.73 411.49 210.05 406.32 199.40
+ Q 399.24 184.79 406.55 169.20
+ Z"
+/>
+<path fill="#000000" d="
+ M 418.77 156.82
+ C 427.21 155.49 434.03 160.61 436.12 168.29
+ Q 437.16 172.10 436.75 176.48
+ C 436.10 183.35 431.39 189.48 424.75 191.08
+ C 416.67 193.04 409.22 187.10 407.09 179.59
+ Q 406.47 177.40 406.48 174.40
+ Q 406.48 171.82 406.55 169.20
+ Q 410.14 158.93 418.77 156.82
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 323.47 171.56
+ Q 324.06 174.13 322.54 175.72
+ L 323.47 171.56
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 318.53 181.58
+ Q 318.25 183.97 315.77 184.30
+ L 318.53 181.58
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 311.74 186.79
+ Q 309.44 188.57 306.78 188.19
+ L 311.74 186.79
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(178.44,200.17) rotate(71.3)" rx="13.32" ry="9.45"/>
+<path fill="#f9f4d8" d="
+ M 296.06 187.26
+ L 300.23 188.23
+ Q 298.52 188.99 296.06 187.26
+ Z"
+/>
+<path fill="#343434" d="
+ M 420.99 238.88
+ C 414.45 244.82 410.20 248.88 402.64 252.05
+ Q 396.43 254.65 390.37 254.52
+ Q 386.42 254.43 380.65 251.96
+ Q 372.92 248.66 367.48 246.07
+ Q 363.31 244.08 363.23 239.42
+ C 363.17 234.44 362.73 229.27 364.70 224.57
+ C 367.59 217.66 375.08 211.54 381.38 207.85
+ C 389.41 203.14 397.32 205.66 406.52 207.86
+ C 411.06 208.95 417.69 212.41 420.40 216.75
+ Q 421.76 218.92 422.81 221.17
+ Q 426.95 229.95 420.99 238.88
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(220.48,211.64) rotate(89.6)" rx="5.65" ry="3.79"/>
+<path fill="#f9f4d8" d="
+ M 299.77 211.21
+ Q 310.70 215.67 321.67 212.43
+ Q 338.30 217.12 350.49 228.54
+ Q 353.96 231.78 357.22 235.26
+ Q 358.83 236.98 363.23 239.42
+ Q 363.31 244.08 367.48 246.07
+ Q 372.92 248.66 380.65 251.96
+ Q 386.42 254.43 390.37 254.52
+ Q 396.43 254.65 402.64 252.05
+ C 410.20 248.88 414.45 244.82 420.99 238.88
+ Q 427.96 239.29 433.71 243.02
+ Q 445.29 250.54 451.65 262.34
+ Q 453.28 265.36 453.85 266.22
+ Q 459.34 278.64 460.24 288.75
+ Q 461.27 300.26 458.97 311.14
+ Q 457.74 316.96 456.11 323.00
+ C 453.68 332.01 447.01 340.41 440.10 346.59
+ Q 425.94 359.23 409.09 367.53
+ Q 391.51 375.84 373.00 381.22
+ Q 371.66 381.61 370.24 381.68
+ Q 352.58 382.58 335.27 378.95
+ Q 313.59 374.41 293.21 365.69
+ Q 278.18 359.86 269.61 355.91
+ Q 263.79 353.22 258.42 348.90
+ Q 252.04 343.76 251.97 343.71
+ Q 247.95 340.71 244.11 337.89
+ Q 235.49 331.56 231.99 321.60
+ C 224.53 300.40 233.29 279.65 242.88 260.60
+ Q 253.02 240.48 270.32 227.95
+ Q 281.93 219.54 290.40 215.37
+ Q 294.70 213.25 299.40 211.83
+ Q 299.85 211.70 299.77 211.21
+ Z"
+/>
+<path fill="#9a111d" d="
+ M 149.51 269.32
+ Q 157.51 293.98 175.04 311.20
+ Q 187.55 323.49 204.15 334.68
+ Q 203.91 335.49 205.47 336.77
+ Q 202.09 337.83 198.83 338.71
+ Q 196.83 339.25 195.35 340.17
+ Q 193.64 341.23 191.84 341.87
+ C 189.84 342.59 188.21 343.77 186.40 344.85
+ Q 184.50 345.99 183.41 347.98
+ Q 181.05 352.30 178.07 355.26
+ C 175.37 357.96 174.39 361.43 172.50 364.61
+ C 171.26 366.70 170.58 369.07 169.83 371.34
+ Q 169.15 373.43 168.28 371.41
+ Q 167.93 370.59 167.88 368.75
+ Q 167.76 363.49 167.67 358.25
+ Q 167.64 356.26 166.31 354.15
+ A 1.36 1.32 -7.7 0 0 165.55 353.59
+ C 162.17 352.68 157.34 355.21 154.21 356.72
+ Q 153.71 356.96 153.64 357.50
+ Q 153.13 361.81 148.43 362.06
+ C 145.21 362.22 142.72 363.68 139.46 363.62
+ Q 128.81 363.40 118.04 366.79
+ Q 111.86 368.73 103.37 372.56
+ Q 102.47 372.97 102.98 372.11
+ C 106.35 366.41 112.34 361.03 117.28 356.66
+ Q 118.10 355.94 119.28 355.89
+ Q 119.78 355.87 120.13 355.50
+ Q 121.49 354.08 123.12 353.50
+ C 128.36 351.64 133.76 350.08 138.80 347.33
+ Q 145.82 343.49 153.31 343.43
+ Q 154.09 343.42 153.84 342.68
+ L 153.74 342.38
+ Q 153.45 341.54 152.57 341.53
+ Q 142.44 341.38 132.25 341.65
+ Q 128.67 341.75 127.82 339.29
+ L 129.43 338.80
+ Q 130.31 338.53 129.46 338.19
+ C 128.19 337.69 126.94 337.90 125.70 337.36
+ Q 110.67 330.82 105.54 316.21
+ Q 103.85 311.41 104.12 306.71
+ Q 104.35 302.69 104.15 298.74
+ Q 103.56 287.20 104.27 277.90
+ Q 105.47 262.42 112.00 245.35
+ Q 113.02 242.69 113.44 240.31
+ C 113.75 238.55 114.18 235.29 115.33 233.99
+ Q 116.35 232.84 117.22 234.11
+ C 118.41 235.85 119.70 237.72 120.43 239.70
+ Q 123.31 247.47 126.48 252.48
+ Q 129.61 257.42 136.09 262.15
+ Q 139.32 264.51 149.51 269.32
+ Z"
+/>
+<circle fill="#000000" cx="188.00" cy="278.56" r="7.59"/>
+<path fill="#000000" d="
+ M 204.15 334.68
+ L 209.56 338.56
+ Q 207.14 338.25 205.47 336.77
+ Q 203.91 335.49 204.15 334.68
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 205.47 336.77
+ Q 207.14 338.25 209.56 338.56
+ Q 227.47 351.69 249.26 355.66
+ Q 259.69 357.57 262.66 358.30
+ Q 274.93 361.32 287.18 364.38
+ Q 290.17 365.12 293.21 365.69
+ Q 313.59 374.41 335.27 378.95
+ Q 352.58 382.58 370.24 381.68
+ Q 371.66 381.61 373.00 381.22
+ Q 391.51 375.84 409.09 367.53
+ C 412.71 377.15 410.61 386.82 406.87 396.04
+ Q 403.61 404.09 399.69 412.61
+ A 0.53 0.53 0.0 0 0 400.00 413.33
+ Q 402.60 414.19 404.87 416.12
+ C 415.41 425.08 392.03 443.25 385.95 447.35
+ C 378.24 452.56 367.28 454.81 358.01 455.52
+ C 346.33 456.42 334.20 456.01 322.93 456.44
+ C 310.38 456.92 298.17 454.20 286.19 450.80
+ Q 279.45 448.88 273.07 447.34
+ Q 265.21 445.43 260.55 443.27
+ C 252.04 439.34 244.45 433.05 237.63 426.41
+ Q 230.27 419.24 222.81 412.09
+ Q 221.37 410.72 219.41 410.23
+ Q 210.06 407.89 200.45 405.79
+ Q 189.96 403.50 181.73 397.99
+ Q 179.99 396.83 178.07 395.93
+ Q 173.80 393.94 172.82 388.43
+ Q 172.06 384.19 171.15 379.84
+ Q 170.90 378.63 170.28 377.53
+ A 1.15 1.15 0.0 0 0 168.56 377.20
+ C 166.92 378.52 165.89 379.90 163.81 380.69
+ C 152.83 384.90 142.34 392.65 134.26 400.93
+ C 127.22 408.14 121.07 414.27 112.00 418.57
+ C 105.07 421.86 96.97 422.80 89.33 421.49
+ Q 85.80 420.89 82.18 420.37
+ Q 75.57 419.42 66.13 414.42
+ Q 55.77 408.93 45.57 403.41
+ Q 40.86 400.85 35.60 399.60
+ Q 34.58 399.36 35.62 399.26
+ Q 42.01 398.69 46.38 395.74
+ C 48.55 394.28 50.12 391.49 52.16 389.35
+ C 55.19 386.17 57.87 381.00 59.95 376.79
+ C 65.17 366.16 70.16 354.97 81.54 350.38
+ Q 84.50 349.18 87.32 347.31
+ Q 93.92 342.92 102.35 341.72
+ Q 110.56 340.55 122.05 340.09
+ C 123.99 340.02 125.94 339.60 127.82 339.29
+ Q 128.67 341.75 132.25 341.65
+ Q 142.44 341.38 152.57 341.53
+ Q 153.45 341.54 153.74 342.38
+ L 153.84 342.68
+ Q 154.09 343.42 153.31 343.43
+ Q 145.82 343.49 138.80 347.33
+ C 133.76 350.08 128.36 351.64 123.12 353.50
+ Q 121.49 354.08 120.13 355.50
+ Q 119.78 355.87 119.28 355.89
+ Q 118.10 355.94 117.28 356.66
+ C 112.34 361.03 106.35 366.41 102.98 372.11
+ Q 102.47 372.97 103.37 372.56
+ Q 111.86 368.73 118.04 366.79
+ Q 128.81 363.40 139.46 363.62
+ C 142.72 363.68 145.21 362.22 148.43 362.06
+ Q 153.13 361.81 153.64 357.50
+ Q 153.71 356.96 154.21 356.72
+ C 157.34 355.21 162.17 352.68 165.55 353.59
+ A 1.36 1.32 -7.7 0 1 166.31 354.15
+ Q 167.64 356.26 167.67 358.25
+ Q 167.76 363.49 167.88 368.75
+ Q 167.93 370.59 168.28 371.41
+ Q 169.15 373.43 169.83 371.34
+ C 170.58 369.07 171.26 366.70 172.50 364.61
+ C 174.39 361.43 175.37 357.96 178.07 355.26
+ Q 181.05 352.30 183.41 347.98
+ Q 184.50 345.99 186.40 344.85
+ C 188.21 343.77 189.84 342.59 191.84 341.87
+ Q 193.64 341.23 195.35 340.17
+ Q 196.83 339.25 198.83 338.71
+ Q 202.09 337.83 205.47 336.77
+ Z"
+/>
+</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..6ff4a5695
--- /dev/null
+++ b/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="description" content="Cheetah Grid - Demo">
+ <meta name="keywords" content="spreadsheet,grid,canvas,data table,web-component">
+ <title>Cheetah Grid - Demo</title>
+ <meta name="theme-color" content="#ff9933">
+ <link rel="shortcut icon" type="image/svg+xml" href="./icon_512x512.svg">
+ <meta property="og:title" content="Cheetah Grid" >
+ <meta property="og:type" content="website" >
+ <meta property="og:url" content="https://future-architect.github.io/cheetah-grid/" >
+ <meta property="og:image" content="https://future-architect.github.io/cheetah-grid/logo.png">
+ <meta property="og:site_name" content="Cheetah Grid" >
+ <meta property="og:description" content="Cheetah Grid - Demo" >
+ <meta name="twitter:card" content="summary" >
+ <meta name="twitter:image" content="https://future-architect.github.io/cheetah-grid/logo.png">
+ <meta name="twitter:title" content="Cheetah Grid" >
+ <meta name="twitter:description" content="Cheetah Grid - Demo" >
+ <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <style type="text/css">
+ html, body {
+ margin: 0;
+ }
+ body {
+ font-family: Roboto;
+ }
+ body * {
+ font-family: Roboto;
+ }
+ .al-right input {
+ text-align: right;
+ }
+ </style>
+ <script src="https://unpkg.com/vue@3"></script>
+ <script src="https://unpkg.com/cheetah-grid"></script>
+ <!-- <script src="https://unpkg.com/vue-cheetah-grid"></script> -->
+</head>
+<body>
+ <div id="app-root"></div>
+ <script type="text/javascript" src="./assets/app.js"></script>
+ <script>
+ if (!document.getElementById('app')) {
+ var ua = window.navigator.userAgent;
+
+ if (ua.indexOf("MSIE ") > 0 || !!ua.match(/Trident.*rv\:11\./)) {
+ var aTag = '<a style="font-weight: 500; text-decoration: none; color: #ff9933;" href="https://future-architect.github.io/cheetah-grid/documents/introduction/">'
+ document.getElementById('app-root').innerHTML = '<div style="max-width: 740px; margin: 0 auto; padding: 2rem 2.5rem;">'+
+ '<h1>Cheetah Grid - Demo</h1>'+
+ '<blockquote style="font-size: 1.2rem; color: #999; border-left: .25rem solid #ff9933; margin-left: 0; padding-left: 1rem;">'+
+ 'Sorry... This demo site does not currently support IE.</blockquote>'+
+ 'Please '+aTag+'Go to the introduction</a>.'+
+ '</div>'
+ }
+ }
+ </script>
+</body>
+</html>
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3075371998f2e2bbff10c3bda177304116502778
GIT binary patch
literal 266263
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�jY=E?L&Qi
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�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%0Dv?umxpD)i`9F%ALae8YYXAUjLG19Q0;H(uiL@o
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
literal 0
HcmV?d00001
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 000000000..41d99e881
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1,4576 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 1313.00 915.00">
+<g stroke-width="2.00" fill="none" stroke-linecap="butt">
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 996.13 358.22
+ Q 996.35 356.52 996.13 353.26
+ C 994.66 331.25 984.35 312.92 966.37 300.81
+ C 952.34 291.36 934.78 285.69 918.03 285.21"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 918.03 285.21
+ Q 917.93 285.03 918.13 284.71
+ Q 918.26 284.52 918.46 284.41
+ Q 943.86 270.71 954.96 243.99
+ C 958.07 236.52 955.60 227.64 951.17 221.36
+ C 945.71 213.63 936.02 212.93 928.13 217.32
+ Q 923.46 219.92 919.80 224.01
+ Q 914.74 229.68 909.74 234.96
+ Q 894.58 251.03 873.12 248.98
+ C 857.17 247.47 843.89 238.82 839.41 223.11
+ Q 839.26 222.59 839.77 222.45
+ Q 875.32 212.48 913.95 201.53
+ C 928.16 197.50 943.87 192.64 939.77 173.49
+ Q 936.75 159.39 929.02 145.62
+ C 915.01 120.66 891.00 107.31 861.76 109.55
+ Q 844.70 110.87 829.83 117.52
+ C 792.27 134.33 779.50 175.83 786.70 214.14"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 786.70 214.14
+ Q 763.59 200.54 738.96 205.21
+ C 728.17 207.26 717.26 212.28 707.90 218.43
+ Q 706.56 219.31 707.00 217.77
+ Q 719.33 174.34 731.14 132.56
+ C 736.82 112.47 728.42 98.84 708.75 93.55
+ C 692.44 89.16 679.12 94.57 673.15 110.80
+ Q 671.91 114.16 670.49 117.73"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 670.49 117.73
+ C 669.11 115.31 668.00 112.87 666.53 110.54
+ Q 637.50 64.49 584.47 48.47
+ Q 555.93 39.84 527.76 41.31
+ C 473.59 44.13 427.78 77.96 400.56 124.26
+ C 364.87 184.97 356.28 267.04 396.08 328.29
+ Q 396.35 328.71 396.39 329.20
+ L 396.44 329.76"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 396.44 329.76
+ Q 384.02 327.02 371.23 328.82
+ Q 361.92 330.12 352.99 331.40
+ C 343.53 332.75 333.45 331.39 324.15 329.46
+ Q 311.84 326.91 290.90 321.11
+ Q 288.57 320.46 283.33 317.37"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 283.33 317.37
+ Q 283.35 317.69 283.01 317.11"
+/>
+<path stroke="#7e2323" vector-effect="non-scaling-stroke" d="
+ M 283.01 317.11
+ Q 283.80 316.78 286.09 316.14
+ C 292.76 314.27 298.49 309.20 303.87 303.45
+ C 306.85 300.25 310.04 294.68 305.08 291.37
+ Q 304.00 290.66 302.81 290.09
+ Q 302.25 289.83 302.51 289.27
+ C 306.32 281.11 312.90 268.31 308.49 259.33"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 308.49 259.33
+ Q 321.27 253.06 331.52 243.28
+ Q 337.94 237.16 340.69 227.74
+ Q 346.40 208.24 338.69 190.80"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 338.69 190.80
+ Q 343.83 172.12 347.27 153.41
+ Q 348.52 146.59 348.57 141.52
+ C 348.65 131.67 346.96 122.46 345.71 112.76
+ Q 345.28 109.40 343.90 106.43
+ Q 340.24 98.55 336.04 90.87
+ Q 333.70 86.59 329.86 82.70
+ Q 322.31 75.03 314.76 68.15
+ Q 314.33 67.77 314.30 67.20
+ Q 313.94 61.64 311.61 56.28
+ Q 309.45 51.31 303.76 51.87
+ Q 294.77 52.75 289.75 58.36
+ Q 289.36 58.79 288.82 58.56
+ Q 275.70 52.81 262.82 51.32
+ Q 247.47 49.54 242.90 49.56
+ Q 227.20 49.62 210.11 55.53
+ C 202.70 58.09 195.73 63.74 187.54 61.83
+ Q 184.18 61.04 180.71 58.85
+ C 170.19 52.21 153.57 49.54 142.85 57.85
+ Q 137.05 62.35 136.60 70.99
+ C 136.07 81.40 138.23 91.94 141.30 101.95
+ Q 141.47 102.50 141.27 103.03
+ C 136.82 114.76 132.97 126.09 131.17 138.57
+ C 129.69 148.85 130.02 160.41 130.56 171.25
+ Q 131.09 182.02 133.98 192.58"
+/>
+<path stroke="#611c22" vector-effect="non-scaling-stroke" d="
+ M 133.98 192.58
+ Q 125.72 189.94 120.26 183.69
+ C 117.21 180.19 115.86 175.88 114.01 171.73
+ C 113.61 170.84 112.88 170.05 112.32 169.24
+ A 0.57 0.57 0.0 0 0 111.39 169.23
+ Q 110.30 170.75 110.08 172.51
+ C 109.68 175.68 108.30 178.67 107.27 181.69
+ Q 104.12 190.96 103.41 202.01
+ Q 103.02 208.16 103.57 212.00
+ Q 103.98 214.87 103.74 217.43
+ Q 103.43 220.70 104.12 223.37
+ Q 107.21 235.31 120.68 240.00"
+/>
+<path stroke="#7e2323" vector-effect="non-scaling-stroke" d="
+ M 120.68 240.00
+ Q 110.48 241.30 101.99 241.95
+ Q 98.04 242.24 92.63 245.55
+ Q 90.04 247.13 87.38 248.31
+ C 81.29 250.99 77.74 257.62 75.13 263.37
+ Q 71.36 271.65 65.52 277.71
+ C 63.88 279.40 60.73 280.13 58.50 280.35
+ Q 57.53 280.45 58.43 280.80
+ Q 65.82 283.73 75.97 289.61
+ Q 86.29 295.59 98.40 295.85
+ C 105.94 296.02 113.69 291.76 118.87 286.63
+ C 126.45 279.12 133.50 272.20 143.62 268.11
+ C 144.93 267.58 145.75 266.86 146.75 265.89
+ A 1.09 1.09 0.0 0 1 148.58 266.47
+ C 149.09 269.15 149.82 276.06 152.09 277.42
+ Q 156.29 279.95 160.81 282.44
+ Q 163.57 283.97 173.33 286.09"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 173.33 286.09
+ C 165.52 292.45 160.26 299.84 154.94 308.24
+ Q 152.74 311.72 151.04 316.09
+ C 146.81 326.94 139.69 334.80 129.92 342.08
+ C 121.53 348.32 112.98 354.61 105.53 361.51
+ Q 99.10 367.47 94.87 370.39
+ Q 86.77 375.99 78.72 381.00
+ C 71.35 385.59 63.26 391.92 59.07 399.17
+ C 50.55 413.91 52.80 435.68 65.99 446.61
+ Q 69.03 449.14 71.96 452.26
+ C 79.69 460.52 86.62 469.39 88.74 480.76
+ Q 88.83 481.27 88.56 481.70
+ Q 87.92 482.73 86.97 483.16"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 86.97 483.16
+ Q 82.80 477.41 73.95 478.90
+ Q 67.41 480.01 63.51 480.31
+ Q 55.28 480.95 46.93 481.21
+ C 45.02 481.27 43.78 482.31 42.05 483.14"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 42.05 483.14
+ L 35.10 482.09"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 35.10 482.09
+ Q 27.61 475.98 19.00 480.22
+ Q 13.96 482.70 14.97 488.47"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 14.97 488.47
+ C 5.47 500.31 5.50 514.46 13.09 527.08
+ C 19.09 537.05 28.96 545.34 39.84 547.45
+ C 52.87 549.97 66.16 552.69 79.48 550.60
+ Q 86.69 549.46 95.90 545.67
+ C 112.65 538.76 128.50 531.60 139.41 516.34
+ C 140.73 514.50 141.46 512.36 142.13 510.23
+ Q 145.24 500.36 148.04 493.59
+ Q 149.19 490.81 151.52 488.92
+ A 0.41 0.40 57.2 0 1 152.14 489.06
+ Q 156.86 498.61 161.73 507.98
+ Q 164.32 512.96 165.74 518.05
+ Q 168.34 527.35 170.83 537.46
+ Q 171.03 538.30 170.78 539.14
+ Q 167.75 549.28 163.67 559.28
+ Q 161.84 563.77 158.98 567.82
+ C 150.41 579.98 142.63 595.04 141.55 609.91
+ C 139.44 638.99 164.22 659.93 187.29 672.02
+ C 192.16 674.58 197.22 676.38 201.87 679.35
+ A 0.28 0.28 0.0 0 1 201.99 679.69
+ Q 201.93 679.87 201.81 679.91"
+/>
+<path stroke="#677c83" vector-effect="non-scaling-stroke" d="
+ M 201.81 679.91
+ Q 190.45 686.00 183.03 694.52
+ Q 180.93 696.93 179.95 700.51
+ Q 179.51 702.09 178.12 702.80
+ C 173.77 705.01 171.62 697.95 171.08 694.89
+ Q 170.93 694.04 170.29 694.62
+ C 165.45 699.09 152.50 714.26 158.11 721.29
+ C 162.44 726.72 167.75 730.18 174.26 733.72
+ Q 182.40 738.14 191.13 742.64
+ C 192.86 743.53 192.42 744.83 193.24 746.23"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 193.24 746.23
+ Q 187.30 742.75 180.72 740.98
+ Q 179.15 740.56 174.75 740.11
+ Q 171.58 739.78 168.76 739.36
+ Q 167.07 739.10 165.14 739.17
+ Q 163.64 739.22 162.30 740.25
+ Q 159.92 742.09 159.37 743.68
+ Q 155.39 755.12 157.83 767.22
+ C 158.81 772.09 154.58 771.21 153.91 774.93
+ Q 153.36 777.97 154.32 781.12
+ A 0.96 0.93 6.6 0 0 154.79 781.69
+ L 159.41 784.07
+ A 0.46 0.46 0.0 0 1 159.34 784.92
+ Q 154.47 786.58 156.13 791.80"
+/>
+<path stroke="#677c83" vector-effect="non-scaling-stroke" d="
+ M 156.13 791.80
+ Q 152.10 794.23 148.58 797.28
+ Q 145.31 800.12 142.70 804.16
+ Q 135.42 815.42 128.16 826.23
+ Q 127.83 826.72 127.80 827.31
+ Q 127.18 838.91 126.51 850.50
+ Q 126.05 858.30 128.07 864.71
+ Q 130.77 873.30 136.22 881.13"
+/>
+<path stroke="#284729" vector-effect="non-scaling-stroke" d="
+ M 136.22 881.13
+ Q 137.93 883.28 139.00 885.37
+ Q 139.50 886.37 140.03 886.66
+ Q 140.79 887.07 141.71 887.08
+ Q 153.69 887.25 165.61 887.45
+ C 166.94 887.48 167.84 887.76 169.22 887.26
+ Q 172.53 886.06 175.68 884.76
+ Q 176.22 884.54 176.55 885.02
+ C 180.40 890.60 187.26 894.51 193.41 897.17
+ Q 204.15 901.81 218.00 905.46
+ Q 225.72 907.51 233.46 907.55
+ Q 246.44 907.63 255.70 906.16
+ Q 265.29 904.64 278.86 898.36
+ Q 281.67 897.07 283.25 895.06
+ C 288.03 889.01 291.69 882.03 293.83 874.82
+ C 294.46 872.69 294.41 870.64 294.55 868.40"
+/>
+<path stroke="#20307e" vector-effect="non-scaling-stroke" d="
+ M 294.55 868.40
+ Q 294.81 863.36 295.31 858.31
+ C 296.43 846.91 296.77 834.51 292.54 824.59
+ Q 288.77 815.73 286.30 808.56
+ Q 284.77 804.13 284.13 799.26
+ Q 283.35 793.27 282.94 791.16
+ Q 282.19 787.33 281.70 783.25
+ C 281.53 781.84 281.06 780.66 280.96 779.22
+ Q 280.42 771.53 282.27 763.85"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 282.27 763.85
+ Q 288.32 771.38 294.65 778.55
+ C 295.82 779.88 296.54 781.61 297.73 782.95
+ Q 300.68 786.26 303.95 789.76
+ C 309.86 796.07 312.05 804.27 315.12 811.72
+ C 316.62 815.35 318.75 817.73 322.75 816.32
+ C 326.50 815.00 327.46 811.60 326.25 807.94
+ C 324.88 803.79 324.17 797.81 321.09 794.78
+ Q 319.44 793.16 318.64 791.45
+ C 317.06 788.05 314.45 784.83 312.50 781.75
+ C 311.30 779.85 310.69 777.64 309.66 775.60
+ A 1.78 1.78 0.0 0 1 310.75 773.09
+ C 313.23 772.36 317.87 771.72 319.23 769.41
+ Q 323.09 762.81 321.65 754.85
+ Q 321.31 752.99 319.95 751.56
+ Q 315.82 747.22 312.30 744.73
+ C 309.83 742.97 306.84 742.64 304.03 741.42
+ Q 298.31 738.93 292.48 738.09"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 292.48 738.09
+ Q 294.49 736.63 296.44 734.64
+ Q 298.71 732.35 300.52 731.14
+ C 305.30 727.93 309.45 724.85 313.35 720.27
+ Q 313.67 719.89 313.73 719.40
+ C 314.48 712.61 313.62 704.55 308.40 699.81
+ C 302.98 694.88 298.01 689.73 291.54 685.60"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 291.54 685.60
+ L 293.80 680.29
+ Q 294.04 679.71 294.54 680.10
+ Q 305.55 688.68 314.70 694.78
+ Q 344.74 714.83 376.17 727.90
+ Q 406.21 740.39 438.84 751.89
+ Q 473.61 764.15 508.83 773.45
+ Q 518.81 776.08 528.18 778.48
+ Q 576.36 790.81 624.78 797.93
+ C 673.27 805.06 723.35 815.17 768.04 820.15
+ Q 793.04 822.94 814.04 824.68
+ Q 852.83 827.89 888.09 831.89
+ Q 898.20 833.04 907.99 833.45
+ C 941.80 834.88 975.35 836.01 1009.00 833.06
+ Q 1029.74 831.25 1048.50 826.32
+ Q 1056.41 824.24 1063.56 823.07
+ C 1098.40 817.35 1133.34 805.96 1164.91 789.14
+ C 1176.28 783.09 1187.13 775.32 1197.98 767.82
+ C 1222.52 750.83 1245.13 730.73 1260.23 705.61
+ C 1266.75 694.78 1271.36 681.26 1275.56 669.04
+ Q 1282.54 648.75 1285.25 624.64
+ Q 1286.62 612.55 1287.74 601.50
+ C 1287.93 599.61 1287.70 597.70 1287.46 595.81"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 1287.46 595.81
+ C 1287.12 591.95 1287.66 587.87 1287.33 584.39
+ C 1284.10 550.34 1263.74 520.98 1239.63 497.70
+ C 1238.85 496.94 1238.41 496.11 1237.24 495.77
+ C 1209.69 487.72 1182.19 494.70 1164.63 518.16
+ Q 1156.76 528.67 1151.32 544.77
+ Q 1142.79 569.98 1142.79 595.98
+ Q 1142.79 596.01 1142.76 596.01
+ Q 1142.63 596.03 1142.50 596.04"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 1142.50 596.04
+ Q 1142.35 595.94 1142.37 595.64
+ Q 1142.38 595.63 1142.38 595.61
+ Q 1142.39 595.59 1142.41 595.61
+ Q 1142.44 595.62 1142.43 595.66
+ Q 1141.96 603.21 1142.95 610.71"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 1142.95 610.71
+ C 1143.30 613.76 1143.22 616.78 1143.52 619.81
+ Q 1145.52 639.98 1150.73 658.58
+ Q 1152.80 666.00 1153.31 671.82
+ C 1156.40 707.64 1144.20 739.17 1120.94 766.11
+ Q 1116.55 771.20 1111.04 774.92
+ C 1089.83 789.24 1066.62 798.14 1041.56 803.72
+ Q 1020.92 808.31 998.42 811.30
+ Q 988.90 812.56 978.64 812.80
+ Q 942.93 813.62 907.93 812.30
+ Q 897.64 811.91 888.53 811.15
+ Q 816.48 805.12 742.00 797.28
+ Q 720.06 794.97 700.09 792.12
+ Q 653.29 785.44 608.49 777.84
+ C 579.65 772.94 553.69 767.30 527.48 760.84
+ Q 518.63 758.66 508.21 756.54
+ C 476.16 750.02 443.39 740.92 413.07 728.34
+ Q 404.97 724.99 394.39 721.21
+ Q 363.83 710.29 335.76 692.29
+ Q 322.58 683.83 310.74 675.63
+ A 9.00 8.88 -4.2 0 1 309.26 674.37
+ L 296.92 661.38
+ Q 296.52 660.96 296.64 660.40
+ C 298.04 653.80 299.36 647.33 300.45 640.56
+ Q 308.45 590.89 314.49 540.95
+ Q 314.84 538.00 316.18 534.41
+ Q 319.80 524.64 319.87 513.50"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 319.87 513.50
+ Q 320.53 509.06 320.45 503.75
+ Q 320.27 491.99 319.27 480.27
+ C 318.92 476.16 319.16 471.57 318.84 468.04
+ Q 317.68 454.88 313.80 440.05
+ Q 308.01 417.90 298.84 399.08
+ C 296.98 395.27 294.76 391.84 292.61 388.16
+ Q 285.64 376.25 285.71 362.00
+ Q 285.74 355.81 285.60 349.89"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 285.60 349.89
+ C 287.95 346.87 291.43 348.77 294.30 349.42
+ Q 306.79 352.25 320.02 354.67
+ Q 340.57 358.44 359.38 357.83
+ Q 361.80 357.75 363.27 359.06
+ C 367.35 362.68 364.79 369.14 362.35 372.99
+ Q 356.76 381.80 353.08 389.62
+ C 350.89 394.26 349.51 399.27 347.66 404.00
+ C 341.08 420.82 337.39 439.00 335.44 458.35
+ Q 333.73 475.25 333.44 489.42
+ Q 333.19 501.72 333.55 519.91
+ Q 333.69 526.82 335.22 531.74
+ Q 340.65 549.26 355.09 559.67
+ Q 361.88 564.57 370.30 566.48"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 370.30 566.48
+ C 381.15 626.57 418.61 682.56 480.45 697.99
+ Q 522.99 708.60 567.45 695.53
+ Q 577.13 692.68 586.44 688.12
+ C 644.24 659.78 666.47 600.25 661.23 537.95
+ C 659.37 515.82 654.13 492.56 627.93 488.27
+ Q 620.59 487.07 613.75 487.57
+ Q 565.49 491.13 521.63 494.61
+ C 500.82 496.26 486.80 506.70 486.90 528.34
+ C 487.00 547.38 495.03 561.93 515.64 564.57
+ Q 520.79 565.24 525.71 564.87
+ Q 556.71 562.54 590.27 559.99
+ Q 590.86 559.95 590.84 560.54
+ C 590.10 589.42 578.12 615.40 549.97 625.82
+ Q 534.51 631.55 517.09 630.59
+ C 488.37 629.02 466.24 610.76 453.83 585.44
+ Q 445.09 567.61 441.95 546.94"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 441.95 546.94
+ Q 447.00 540.33 452.70 532.71
+ Q 459.10 524.15 463.20 511.24
+ C 465.90 502.74 464.64 492.71 457.29 486.76
+ C 454.62 484.60 447.11 486.71 443.79 487.40"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 443.79 487.40
+ Q 446.67 473.08 452.97 460.23
+ C 463.40 438.97 481.35 423.79 504.96 419.24
+ C 527.31 414.92 551.05 418.50 569.54 432.01
+ C 578.28 438.40 585.78 443.56 597.16 443.76
+ C 615.86 444.10 628.72 430.05 628.83 411.59"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 628.83 411.59
+ C 644.95 413.22 654.24 403.69 658.41 389.07
+ Q 673.78 335.18 689.58 279.14
+ C 693.75 264.34 704.83 252.60 720.77 252.19
+ C 737.27 251.77 749.54 263.41 751.03 279.72
+ Q 751.76 287.80 749.72 295.01
+ Q 734.10 350.07 718.62 404.78
+ C 712.71 425.68 720.77 438.96 741.47 444.39
+ C 761.56 449.65 773.78 440.95 779.12 422.13
+ Q 796.17 362.07 813.14 301.98
+ Q 816.95 288.52 817.72 273.98"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 817.72 273.98
+ Q 840.34 295.49 870.75 296.43
+ Q 872.33 296.48 878.05 296.37"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 878.05 296.37
+ C 850.44 314.16 835.04 344.76 831.72 377.29
+ Q 829.92 394.92 833.61 410.19
+ Q 844.25 454.19 887.68 469.23
+ C 914.79 478.61 943.90 476.14 967.39 458.71
+ C 973.46 454.21 976.46 444.10 975.35 436.89
+ C 973.36 423.95 959.95 420.09 948.58 423.42
+ Q 941.38 425.53 933.13 427.75
+ Q 909.69 434.05 891.48 418.04
+ C 880.46 408.35 875.55 395.36 879.26 380.94
+ Q 879.43 380.29 880.08 380.47
+ Q 918.12 391.36 956.70 402.13
+ C 967.26 405.08 980.29 408.21 987.76 397.42"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 987.76 397.42
+ Q 993.21 419.42 1011.62 430.40
+ Q 1041.10 447.99 1074.99 434.46
+ Q 1078.85 432.92 1083.18 430.15
+ Q 1083.98 429.64 1083.73 430.56
+ Q 1083.32 432.06 1082.82 433.72
+ C 1081.33 438.59 1081.91 443.91 1084.79 447.99
+ Q 1092.06 458.31 1104.59 458.12
+ C 1114.97 457.96 1123.81 450.78 1126.58 441.00
+ Q 1134.53 412.91 1142.79 384.23"
+/>
+<path stroke="#877a3b" vector-effect="non-scaling-stroke" d="
+ M 1142.79 384.23
+ Q 1145.20 419.22 1147.71 453.73
+ Q 1148.37 462.85 1152.54 467.95
+ C 1160.29 477.47 1174.30 477.51 1184.98 474.00
+ C 1196.94 470.06 1200.51 459.71 1199.76 448.09
+ Q 1196.73 401.36 1193.51 353.14
+ C 1192.67 340.57 1196.43 329.04 1207.71 322.88
+ C 1220.19 316.06 1235.01 320.73 1241.62 333.05
+ Q 1245.33 339.95 1245.79 346.92
+ Q 1248.95 394.18 1252.35 445.82
+ Q 1252.76 452.12 1255.96 458.20
+ C 1262.41 470.46 1279.28 470.80 1290.49 467.07
+ C 1302.27 463.15 1306.20 452.89 1305.44 441.21
+ Q 1301.93 387.57 1298.35 334.07
+ C 1296.54 306.96 1283.92 281.86 1256.61 273.76
+ C 1239.52 268.69 1221.05 271.55 1206.75 282.35
+ C 1200.55 287.02 1195.46 292.43 1190.63 298.51
+ Q 1189.99 299.32 1189.92 298.29
+ Q 1187.48 260.95 1184.98 223.25
+ C 1183.69 203.87 1170.72 195.75 1152.05 199.02
+ Q 1134.24 202.14 1132.52 221.18
+ Q 1132.33 223.24 1132.45 225.00
+ Q 1134.45 256.27 1136.52 287.98"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 1136.52 287.98
+ Q 1126.86 279.20 1115.40 273.37
+ Q 1101.05 266.08 1085.15 262.92
+ Q 1084.60 262.81 1084.68 262.27
+ Q 1086.53 248.44 1080.43 237.02
+ C 1073.53 224.09 1059.75 222.06 1046.32 224.68
+ C 1043.57 225.22 1040.76 225.21 1038.85 222.83
+ C 1035.62 218.79 1034.19 212.48 1033.16 207.46
+ Q 1023.09 157.96 1013.09 107.59
+ Q 1012.98 107.02 1013.54 106.91
+ Q 1025.02 104.66 1035.04 102.48
+ C 1046.78 99.92 1057.81 94.21 1057.69 80.41
+ Q 1057.59 69.02 1052.74 60.23
+ C 1046.77 49.39 1033.68 49.45 1022.45 51.69
+ Q 1012.21 53.73 1003.15 55.54
+ Q 1002.60 55.65 1002.50 55.10
+ Q 1000.94 46.81 999.05 38.13
+ Q 997.61 31.55 994.01 25.93
+ C 985.23 12.25 966.76 13.40 953.68 18.66
+ C 937.64 25.11 934.85 38.60 938.06 53.99
+ Q 939.41 60.47 940.77 67.39
+ A 0.84 0.83 -14.6 0 1 940.21 68.34
+ C 927.19 72.58 916.28 79.91 917.58 95.10
+ C 919.23 114.53 932.68 120.82 950.44 118.57
+ Q 951.01 118.50 951.12 119.06
+ Q 960.52 165.56 969.75 212.01
+ C 976.37 245.36 987.75 283.61 1028.08 286.71
+ Q 1028.85 286.76 1029.07 287.50
+ C 1032.01 297.11 1043.24 301.23 1052.52 302.50
+ C 1058.93 303.37 1064.98 304.13 1070.94 304.77
+ Q 1086.59 306.44 1098.26 316.43
+ C 1106.61 323.58 1112.21 334.36 1109.14 345.54
+ Q 1107.12 352.89 1105.08 359.93
+ A 0.29 0.29 0.0 0 1 1104.58 360.03
+ C 1097.68 351.25 1087.45 344.58 1077.26 340.11
+ C 1048.03 327.30 1015.91 331.22 996.13 358.22"
+/>
+<path stroke="#e7c628" vector-effect="non-scaling-stroke" d="
+ M 1136.52 287.98
+ L 1142.79 384.23"
+/>
+<path stroke="#e2b100" vector-effect="non-scaling-stroke" d="
+ M 987.76 397.42
+ Q 987.40 394.43 987.18 391.24
+ Q 985.92 373.24 996.13 358.22"
+/>
+<path stroke="#c49900" vector-effect="non-scaling-stroke" d="
+ M 918.03 285.21
+ C 916.90 285.94 915.59 285.96 914.49 286.48
+ Q 900.66 293.07 885.47 295.30
+ Q 881.69 295.86 878.05 296.37"
+/>
+<path stroke="#8a7300" vector-effect="non-scaling-stroke" d="
+ M 786.70 214.14
+ Q 789.31 228.33 795.58 242.20
+ Q 803.80 260.40 817.72 273.98"
+/>
+<path stroke="#6d8906" vector-effect="non-scaling-stroke" d="
+ M 628.83 411.59
+ C 613.33 410.16 597.41 402.39 597.01 384.75
+ Q 596.88 378.87 598.49 372.59"
+/>
+<path stroke="#473f14" vector-effect="non-scaling-stroke" d="
+ M 610.26 331.07
+ L 657.19 165.49"
+/>
+<path stroke="#342b00" vector-effect="non-scaling-stroke" d="
+ M 670.49 117.73
+ Q 679.01 141.38 663.29 159.86
+ Q 662.11 161.25 660.33 162.78
+ Q 658.60 164.28 657.19 165.49"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 657.19 165.49
+ Q 645.71 172.10 634.46 170.40
+ Q 615.95 167.60 605.73 151.30
+ Q 603.52 147.77 603.50 147.74
+ Q 597.13 138.03 588.04 131.28
+ C 565.17 114.30 534.33 108.78 507.57 120.27
+ C 486.41 129.36 469.80 147.89 459.49 168.55
+ Q 442.39 202.80 444.57 239.22
+ C 446.61 273.32 464.42 302.56 497.20 314.81
+ C 514.07 321.11 533.42 323.51 550.71 317.51
+ C 555.30 315.92 559.32 313.56 563.72 311.48
+ Q 573.53 306.85 583.93 309.37
+ C 596.32 312.37 605.79 318.94 610.26 331.07"
+/>
+<path stroke="#342b00" vector-effect="non-scaling-stroke" d="
+ M 610.26 331.07
+ Q 613.65 344.71 608.36 358.05
+ Q 604.93 366.70 598.49 372.59"
+/>
+<path stroke="#3a5e06" vector-effect="non-scaling-stroke" d="
+ M 598.49 372.59
+ Q 593.42 376.90 586.95 379.91
+ C 555.05 394.77 521.09 399.06 486.90 390.40
+ Q 460.73 383.76 437.67 369.33"
+/>
+<path stroke="#141414" vector-effect="non-scaling-stroke" d="
+ M 437.67 369.33
+ Q 421.37 358.65 408.05 344.03
+ Q 407.72 343.66 407.25 343.50
+ Q 406.77 343.34 406.65 342.96"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 406.65 342.96
+ L 397.49 330.43
+ Q 397.25 330.11 396.87 329.99
+ Q 396.63 329.91 396.44 329.76"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 437.67 369.33
+ C 410.21 387.57 390.46 415.07 379.45 445.98
+ Q 378.69 448.11 378.58 448.97"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 406.65 342.96
+ C 406.31 344.51 406.08 346.08 405.10 347.38
+ C 391.24 365.89 375.83 388.07 374.04 411.35
+ Q 373.55 417.67 373.45 423.89
+ Q 373.26 435.93 377.81 447.71
+ Q 378.09 448.44 378.58 448.97"
+/>
+<path stroke="#b5ce20" vector-effect="non-scaling-stroke" d="
+ M 378.58 448.97
+ Q 378.48 449.23 378.58 449.46
+ Q 384.60 463.84 396.01 472.74
+ Q 398.86 474.96 401.67 477.31
+ C 408.83 483.28 418.06 486.71 427.25 487.59
+ Q 435.74 488.41 443.79 487.40"
+/>
+<path stroke="#b5ce20" vector-effect="non-scaling-stroke" d="
+ M 441.95 546.94
+ Q 432.66 556.61 423.96 561.98
+ Q 399.15 577.30 370.30 566.48"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 283.33 317.37
+ Q 283.14 318.02 283.20 318.49
+ Q 283.74 323.17 284.34 327.83
+ Q 284.87 331.91 284.91 337.21
+ Q 284.95 343.54 285.60 349.89"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 283.01 317.11
+ C 278.93 317.77 274.80 318.48 270.68 318.56
+ Q 260.22 318.76 249.92 318.90
+ C 244.63 318.96 239.16 318.47 234.25 317.22
+ Q 223.39 314.47 212.04 311.43
+ Q 209.54 310.77 203.96 307.46"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 203.96 307.46
+ Q 195.21 301.06 187.53 292.94
+ C 186.44 291.78 185.07 290.80 183.97 289.61
+ Q 182.89 288.45 180.84 287.84
+ Q 176.97 286.69 173.33 286.09"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 203.96 307.46
+ Q 201.50 321.01 201.19 325.25
+ Q 200.35 336.58 199.18 348.46
+ Q 198.40 356.33 196.35 365.83
+ Q 194.11 376.23 193.16 385.39
+ Q 192.11 395.58 190.44 404.27
+ Q 188.81 412.80 187.68 420.64
+ Q 186.25 430.58 185.93 438.85
+ Q 185.57 448.08 186.95 479.73
+ C 187.26 486.66 189.98 492.87 193.36 498.78
+ Q 195.38 502.31 196.49 505.83
+ Q 198.62 512.55 204.58 521.05
+ Q 205.95 523.00 208.25 524.39
+ Q 220.36 531.73 232.56 538.68
+ C 236.91 541.15 241.40 542.95 246.16 544.56
+ C 254.78 547.49 263.73 547.02 272.81 547.08
+ Q 276.89 547.11 280.65 545.84
+ Q 290.40 542.57 298.76 536.51
+ Q 307.86 529.92 311.03 526.78
+ Q 315.40 522.45 319.87 513.50"
+/>
+<path stroke="#d2b81a" vector-effect="non-scaling-stroke" d="
+ M 1142.95 610.71
+ Q 1142.69 609.92 1143.31 609.94"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 1143.31 609.94
+ Q 1143.67 615.31 1145.08 626.24
+ Q 1145.44 629.05 1146.32 631.65
+ Q 1146.49 632.15 1146.61 631.63
+ Q 1151.51 610.57 1159.03 596.80
+ C 1174.68 568.16 1204.36 556.79 1235.97 565.44
+ Q 1237.93 565.97 1239.43 567.45
+ C 1258.28 585.87 1274.67 607.37 1282.81 632.15
+ Q 1282.98 632.65 1283.47 632.46
+ Q 1283.65 632.39 1283.63 632.20
+ Q 1283.61 632.06 1283.53 631.95
+ Q 1283.46 631.84 1283.47 631.71
+ L 1287.46 595.81"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 291.54 685.60
+ Q 290.00 688.28 288.19 690.54
+ C 287.31 691.63 287.00 692.83 286.80 694.16
+ Q 286.64 695.23 286.33 694.19
+ Q 286.21 693.78 286.10 693.38
+ Q 285.89 692.69 285.28 693.07
+ C 279.72 696.59 275.18 695.45 269.22 695.13
+ Q 264.21 694.85 261.73 693.70
+ Q 256.46 691.23 258.96 683.82
+ Q 259.89 681.07 260.75 678.54"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 260.75 678.54
+ Q 267.32 669.81 268.60 661.74"
+/>
+<path stroke="#e9c11a" vector-effect="non-scaling-stroke" d="
+ M 268.60 661.74
+ Q 269.71 655.69 270.82 650.44
+ Q 271.35 647.93 271.51 645.50
+ Q 271.68 642.92 271.83 640.51"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 271.83 640.51
+ Q 272.67 632.41 272.72 621.74
+ Q 272.92 584.84 271.24 552.53
+ Q 271.21 552.02 270.71 552.11
+ Q 261.08 553.76 250.08 553.65"
+/>
+<path stroke="#e9c11a" vector-effect="non-scaling-stroke" d="
+ M 250.08 553.65
+ L 233.20 551.29
+ Q 232.72 551.22 232.37 551.53
+ L 232.03 551.83"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 232.03 551.83
+ Q 228.75 550.69 225.21 550.69
+ Q 224.65 550.69 224.22 551.02
+ Q 203.45 566.96 187.55 589.47
+ Q 183.86 594.70 182.60 599.38
+ C 179.46 611.16 184.04 624.21 191.56 633.43
+ Q 195.41 638.15 198.72 642.70
+ Q 203.45 649.19 214.25 657.20
+ C 223.11 663.78 232.16 670.00 239.88 677.92
+ Q 240.24 678.27 240.31 678.77
+ L 240.83 682.43"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 240.83 682.43
+ Q 241.80 692.24 239.94 700.50
+ Q 239.36 703.07 238.07 706.87"
+/>
+<path stroke="#888c85" vector-effect="non-scaling-stroke" d="
+ M 238.07 706.87
+ Q 236.21 711.80 233.18 715.33"
+/>
+<path stroke="#fb9b66" vector-effect="non-scaling-stroke" d="
+ M 233.18 715.33
+ Q 227.90 713.07 225.25 713.03
+ Q 221.20 712.96 217.05 713.03
+ Q 216.55 713.04 216.16 713.36
+ Q 213.51 715.55 210.94 719.78"
+/>
+<path stroke="#cfd98a" vector-effect="non-scaling-stroke" d="
+ M 210.94 719.78
+ Q 212.58 705.06 211.70 698.00
+ C 210.78 690.66 208.46 684.22 202.71 680.07
+ Q 202.32 679.79 201.81 679.91"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 14.97 488.47
+ Q 20.41 495.90 29.92 493.35
+ C 35.08 491.97 38.69 487.33 35.10 482.09"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 42.05 483.14
+ Q 40.11 486.59 40.25 491.36
+ C 40.33 494.40 41.66 497.69 44.21 499.37
+ Q 49.49 502.84 56.15 503.57
+ Q 62.40 504.25 65.98 503.38
+ Q 76.71 500.78 83.01 496.59
+ Q 90.37 491.70 86.97 483.16"
+/>
+<path stroke="#b7181e" vector-effect="non-scaling-stroke" d="
+ M 174.44 239.62
+ L 171.18 238.91
+ Q 170.70 238.80 170.25 238.98
+ Q 169.13 239.41 167.96 239.69
+ Q 166.73 239.99 165.68 240.50
+ Q 162.73 241.93 159.78 243.47
+ C 157.13 244.84 155.94 248.12 154.01 250.29
+ C 151.74 252.85 149.82 256.39 148.74 259.54
+ Q 146.67 265.58 146.55 259.20
+ C 146.51 256.91 147.03 251.91 145.33 250.13
+ A 1.51 1.50 -26.0 0 0 144.01 249.68
+ Q 140.77 250.14 137.50 251.94
+ Q 137.00 252.21 136.92 252.76
+ Q 136.58 255.11 134.24 255.40
+ C 131.95 255.68 129.84 256.43 127.48 256.49
+ Q 115.28 256.83 104.86 261.90
+ Q 101.72 263.43 103.95 260.73
+ Q 107.42 256.53 111.53 252.78
+ Q 112.35 252.03 113.27 251.60
+ C 114.91 250.83 116.16 249.87 117.93 249.29
+ Q 123.62 247.41 128.61 244.89
+ Q 131.89 243.23 136.64 243.01
+ Q 137.09 242.99 137.04 242.54
+ L 137.01 242.28
+ A 0.61 0.61 0.0 0 0 136.43 241.74
+ Q 129.76 241.55 123.04 241.88
+ Q 122.24 241.92 121.46 241.73
+ Q 119.16 241.17 120.68 240.00"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 338.69 190.80
+ Q 337.38 188.77 336.30 186.93
+ Q 329.54 175.43 317.00 172.38"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 317.00 172.38
+ Q 319.88 167.91 319.01 163.74
+ Q 317.77 157.82 312.21 154.07
+ Q 310.09 152.65 306.81 151.85
+ C 300.76 150.39 295.49 148.52 289.69 152.11
+ Q 285.19 154.88 281.56 158.90
+ C 277.68 163.20 277.87 167.27 277.87 172.67"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 277.87 172.67
+ Q 275.53 172.05 273.84 170.15
+ Q 263.86 158.94 249.92 155.02"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 249.92 155.02
+ Q 264.10 149.66 265.60 135.30
+ C 266.25 129.11 264.44 122.71 260.44 118.06
+ Q 251.00 107.11 237.05 111.46"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 237.05 111.46
+ Q 225.52 113.45 223.54 124.21"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 223.54 124.21
+ Q 219.69 132.59 223.12 141.42
+ Q 226.60 150.36 235.70 154.38"
+/>
+<path stroke="#f8ea86" vector-effect="non-scaling-stroke" d="
+ M 235.70 154.38
+ Q 230.77 155.76 226.64 158.13
+ C 214.51 165.13 204.74 172.98 198.06 185.35
+ C 193.08 194.59 188.74 204.43 187.90 214.78
+ C 187.17 223.82 190.01 233.44 197.51 238.96
+ Q 201.99 242.25 206.42 245.87
+ Q 209.71 248.55 214.44 250.92
+ Q 220.71 254.07 227.51 257.06"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 227.51 257.06
+ Q 215.29 254.12 203.48 251.63
+ Q 193.10 249.44 188.27 247.44
+ Q 180.84 244.36 174.44 239.62"
+/>
+<path stroke="#c87929" vector-effect="non-scaling-stroke" d="
+ M 174.44 239.62
+ C 164.39 232.62 154.95 225.56 146.82 216.43
+ Q 138.76 207.36 133.98 192.58"
+/>
+<path stroke="#e7897b" vector-effect="non-scaling-stroke" d="
+ M 308.49 259.33
+ Q 298.19 264.13 287.32 267.54
+ Q 283.15 268.85 278.99 268.85
+ Q 261.72 268.84 245.26 263.24
+ Q 235.99 260.08 227.51 257.06"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 232.03 551.83
+ Q 232.92 552.03 232.95 552.75
+ Q 233.03 554.77 233.20 556.62
+ Q 234.61 572.35 237.54 588.90
+ Q 241.30 610.13 249.88 630.21
+ Q 257.05 646.99 268.60 661.74"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 260.75 678.54
+ Q 250.43 678.87 240.83 682.43"
+/>
+<path stroke="#574800" vector-effect="non-scaling-stroke" d="
+ M 1143.31 609.94
+ L 1142.50 596.04"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 210.94 719.78
+ Q 211.90 722.57 209.71 726.29
+ Q 209.42 726.78 209.41 727.35
+ Q 209.32 731.42 207.65 734.00
+ C 205.71 737.00 205.34 741.68 205.35 745.21"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 205.35 745.21
+ Q 203.11 748.55 199.71 750.70
+ Q 198.68 751.35 197.08 753.98"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 197.08 753.98
+ Q 195.76 753.07 195.83 750.37
+ Q 195.88 748.65 195.38 747.89
+ Q 194.61 746.70 193.24 746.23"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 242.39 718.81
+ L 233.18 715.33"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 282.27 763.85
+ L 275.07 756.62"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 275.07 756.62
+ Q 273.11 755.55 270.91 754.76
+ C 267.40 753.50 264.90 751.07 261.97 748.30
+ C 260.89 747.27 259.40 746.18 257.84 746.21
+ Q 249.75 746.39 242.04 748.00"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 242.04 748.00
+ L 237.72 750.20
+ Q 237.18 750.47 237.76 750.67
+ L 240.93 751.73"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 240.93 751.73
+ Q 243.78 752.50 246.58 753.14
+ C 248.89 753.68 250.44 754.85 252.27 756.16
+ Q 252.66 756.44 253.15 756.45
+ Q 257.96 756.54 263.08 756.47
+ C 266.30 756.42 272.93 760.65 269.36 764.36
+ A 1.44 1.42 -71.8 0 1 268.54 764.78
+ Q 267.23 764.98 265.96 764.67
+ Q 261.86 763.66 257.16 764.16
+ Q 256.50 764.23 256.87 764.79
+ C 258.15 766.69 260.31 767.60 261.91 768.99
+ Q 262.86 769.82 264.29 771.75
+ Q 265.42 773.28 266.73 774.58"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 266.73 774.58
+ Q 268.56 777.63 269.89 779.11
+ C 272.46 781.97 277.89 786.99 272.23 790.33
+ Q 271.76 790.60 271.24 790.45
+ Q 269.22 789.85 268.56 788.42
+ Q 266.97 784.93 264.93 781.65"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 264.93 781.65
+ Q 260.21 774.52 258.50 772.76
+ Q 257.25 771.48 254.70 770.60
+ C 251.98 769.67 250.41 766.82 248.28 764.92
+ A 1.43 1.42 57.4 0 0 246.94 764.62
+ Q 239.48 766.76 233.92 772.43
+ Q 232.53 773.85 225.73 776.34"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 225.73 776.34
+ L 223.65 776.34
+ Q 222.92 776.35 222.97 775.62
+ Q 223.06 774.43 223.56 773.25
+ Q 223.77 772.76 223.63 772.25
+ Q 222.25 767.33 226.65 765.04
+ C 227.71 764.49 228.01 763.48 229.05 762.84
+ Q 232.83 760.53 236.78 758.82"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 236.78 758.82
+ L 239.90 757.66
+ Q 240.38 757.48 239.93 757.22
+ Q 239.17 756.78 238.30 756.60"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 238.30 756.60
+ L 232.78 753.92
+ A 0.90 0.88 43.9 0 0 232.01 753.93
+ Q 225.20 757.37 219.79 761.66
+ C 214.47 765.88 208.22 769.34 202.39 772.96
+ Q 201.86 773.29 202.23 773.79
+ Q 203.81 775.86 205.93 776.77
+ Q 208.81 778.02 211.41 779.90
+ C 212.50 780.69 213.55 780.87 214.88 780.80
+ A 2.23 2.23 0.0 0 1 217.05 783.88
+ Q 216.15 786.04 214.81 788.23
+ A 1.36 1.33 9.6 0 1 213.95 788.83
+ Q 210.25 789.60 207.32 787.50
+ C 205.66 786.30 202.74 785.52 201.71 783.89
+ Q 199.42 780.25 196.19 777.09
+ A 2.02 2.02 0.0 0 0 192.76 778.60
+ Q 192.82 780.29 192.76 782.13
+ C 192.65 785.07 194.36 787.11 194.70 790.01
+ Q 194.93 791.97 195.58 793.93
+ Q 197.11 798.49 196.68 803.81
+ Q 196.64 804.35 196.27 804.77
+ Q 194.27 807.03 191.29 808.32
+ Q 190.46 808.67 189.85 808.01
+ Q 188.23 806.27 188.27 804.24
+ Q 188.36 798.74 188.31 793.39
+ Q 188.29 791.65 188.88 786.66
+ Q 189.31 782.88 188.66 778.97"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 188.66 778.97
+ Q 188.84 778.61 188.80 778.26
+ A 0.75 0.75 0.0 0 0 188.20 777.59
+ L 186.76 777.31
+ Q 186.49 777.26 186.44 777.52
+ Q 186.41 777.66 186.38 777.80
+ Q 186.27 778.28 185.89 778.59
+ Q 183.44 780.55 182.06 783.23
+ A 2.89 2.78 85.3 0 1 181.35 784.10
+ L 180.35 784.93
+ A 0.84 0.83 53.8 0 0 180.19 786.03
+ Q 180.58 786.63 180.28 787.21
+ A 0.83 0.81 -81.2 0 1 179.75 787.61
+ Q 173.53 789.07 168.23 787.98
+ Q 167.51 787.84 167.86 788.48
+ C 168.59 789.81 169.61 790.90 170.08 792.36
+ Q 171.65 797.21 171.80 802.54
+ Q 171.86 804.38 170.01 804.41
+ L 168.62 804.43
+ Q 167.17 804.45 166.91 803.02
+ Q 166.53 800.88 166.60 798.46
+ Q 166.62 797.86 166.35 797.32
+ L 162.57 789.78
+ A 0.86 0.86 0.0 0 0 161.30 789.47
+ Q 158.71 791.32 156.13 791.80"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 197.08 753.98
+ Q 196.12 755.33 196.09 757.00
+ Q 196.08 757.60 196.60 757.31
+ C 201.34 754.67 207.36 754.83 212.67 754.44
+ Q 215.04 754.27 216.86 752.93
+ Q 219.13 751.25 216.31 751.22
+ Q 214.22 751.19 212.00 751.30
+ Q 205.52 751.61 205.35 745.21"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 250.08 553.65
+ Q 248.99 562.06 250.03 570.50
+ C 253.01 594.72 261.39 618.99 271.83 640.51"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 292.48 738.09
+ Q 279.42 737.11 267.00 739.14
+ Q 266.49 739.22 266.11 738.88
+ Q 264.85 737.77 263.11 737.31
+ Q 262.63 737.18 262.38 736.75
+ Q 261.92 735.95 262.51 735.23
+ Q 263.34 734.21 262.04 734.14
+ C 254.74 733.71 254.37 723.13 247.76 720.78
+ Q 244.61 719.66 242.39 718.81"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 242.39 718.81
+ L 238.07 706.87"
+/>
+<path stroke="#f0f6eb" vector-effect="non-scaling-stroke" d="
+ M 249.92 155.02
+ Q 242.32 156.80 235.70 154.38"
+/>
+<path stroke="#747c7f" vector-effect="non-scaling-stroke" d="
+ M 223.54 124.21
+ Q 223.70 131.02 227.83 134.92
+ C 238.71 145.19 256.46 133.75 250.20 119.52
+ Q 247.01 112.27 237.05 111.46"
+/>
+<path stroke="#908e80" vector-effect="non-scaling-stroke" d="
+ M 317.00 172.38
+ C 311.31 178.31 304.05 183.66 295.37 183.12
+ C 291.29 182.87 286.11 179.91 281.92 178.08
+ Q 277.83 176.29 277.87 172.67"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 263.98 787.27
+ C 255.68 785.71 249.71 785.83 242.28 785.83
+ Q 239.54 785.84 236.86 784.85
+ Q 230.01 782.34 222.93 780.34"
+/>
+<path stroke="#689c85" vector-effect="non-scaling-stroke" d="
+ M 160.13 881.62
+ L 136.22 881.13"
+/>
+<path stroke="#214f80" vector-effect="non-scaling-stroke" d="
+ M 294.55 868.40
+ Q 293.72 868.97 293.67 870.65
+ Q 293.67 870.79 293.57 870.86
+ Q 293.46 870.93 293.32 870.96
+ Q 293.20 870.99 293.16 871.10
+ Q 289.36 881.17 282.23 890.33
+ Q 281.43 891.37 280.38 891.87
+ Q 274.59 894.62 265.98 897.63
+ Q 260.57 899.52 256.55 900.03"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 256.55 900.03
+ Q 256.88 881.35 256.78 875.00
+ C 256.73 871.67 256.02 867.45 256.03 863.66
+ C 256.04 852.12 255.74 840.60 256.44 829.01
+ Q 256.84 822.32 257.17 815.53"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 257.17 815.53
+ C 258.62 816.27 260.15 816.00 260.52 814.23
+ Q 260.92 812.37 259.88 810.61
+ Q 258.78 808.73 257.69 806.85"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 257.69 806.85
+ Q 260.86 800.99 262.47 794.94"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 262.47 794.94
+ C 267.72 794.62 265.41 790.04 263.98 787.27"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 263.98 787.27
+ L 264.93 781.65"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 275.07 756.62
+ Q 271.58 762.52 268.93 768.42
+ Q 267.65 771.27 266.73 774.58"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 240.93 751.73
+ L 242.04 748.00"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 238.30 756.60
+ Q 237.27 757.59 236.78 758.82"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 225.73 776.34
+ L 222.93 780.34"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 222.93 780.34
+ Q 219.98 781.68 220.08 785.46"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 220.08 785.46
+ L 216.83 792.74"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 216.83 792.74
+ Q 212.45 794.95 211.61 796.11
+ Q 208.82 799.90 210.66 804.68"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 210.66 804.68
+ Q 204.99 813.96 202.77 824.57
+ C 201.80 829.20 200.60 833.16 199.00 837.45
+ Q 197.61 841.18 196.90 847.25
+ Q 195.96 855.32 195.97 858.50
+ Q 196.07 875.25 195.98 892.32"
+/>
+<path stroke="#214f80" vector-effect="non-scaling-stroke" d="
+ M 195.98 892.32
+ Q 188.90 889.74 182.82 885.46
+ C 179.82 883.33 177.64 880.52 175.42 877.66
+ Q 175.07 877.21 174.56 877.48
+ Q 169.38 880.24 165.26 881.47
+ Q 163.49 881.99 160.13 881.62"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 160.13 881.62
+ Q 157.81 876.81 156.66 874.04
+ Q 154.04 867.73 153.80 860.50
+ C 153.45 850.22 154.01 839.66 158.31 830.46
+ C 160.27 826.25 162.05 822.04 163.83 817.76
+ Q 165.11 814.70 166.69 813.16
+ Q 178.54 801.64 184.60 791.08
+ Q 187.12 786.70 188.66 778.97"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 262.47 794.94
+ C 258.06 794.35 253.70 792.95 249.12 794.03
+ Q 248.59 794.16 248.90 794.61
+ C 250.33 796.65 252.41 797.62 253.75 799.67
+ Q 255.99 803.08 257.69 806.85"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 257.17 815.53
+ C 252.12 815.33 249.82 813.05 247.55 808.57
+ C 245.14 803.82 239.67 801.05 235.06 798.39
+ Q 234.49 798.06 233.90 798.38
+ Q 229.93 800.52 225.55 801.77
+ Q 223.53 802.35 222.34 804.24
+ A 1.19 1.18 -77.2 0 1 221.49 804.78
+ Q 215.88 805.43 210.66 804.68"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 216.83 792.74
+ C 220.14 791.68 222.87 791.79 226.11 789.49
+ Q 226.42 789.27 226.16 788.99
+ Q 224.46 787.16 223.02 786.89
+ Q 220.92 786.48 220.08 785.46"
+/>
+<path stroke="#88af94" vector-effect="non-scaling-stroke" d="
+ M 256.55 900.03
+ Q 245.70 901.65 234.62 901.56
+ Q 226.62 901.48 218.57 899.53
+ Q 207.00 896.73 195.98 892.32"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 1012.90 507.13
+ A 33.30 33.30 0.0 0 0 979.60 473.83
+ A 33.30 33.30 0.0 0 0 946.30 507.13
+ A 33.30 33.30 0.0 0 0 979.60 540.43
+ A 33.30 33.30 0.0 0 0 1012.90 507.13"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 1079.27 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 504.00
+ A 25.76 25.76 0.0 0 0 1027.75 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 555.52
+ A 25.76 25.76 0.0 0 0 1079.27 529.76"
+/>
+<path stroke="#935438" vector-effect="non-scaling-stroke" d="
+ M 943.51 547.86
+ A 25.76 25.76 0.0 0 0 917.75 522.10
+ A 25.76 25.76 0.0 0 0 891.99 547.86
+ A 25.76 25.76 0.0 0 0 917.75 573.62
+ A 25.76 25.76 0.0 0 0 943.51 547.86"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 1059.79 602.86
+ Q 1057.70 585.87 1046.51 574.04
+ C 1017.37 543.23 973.53 561.33 949.72 588.57
+ C 927.15 614.40 913.00 649.77 917.89 684.16
+ C 921.34 708.39 936.09 732.22 962.51 735.28
+ C 975.80 736.81 988.67 733.07 1000.85 726.43
+ Q 1001.84 725.89 1001.28 726.87
+ C 995.06 737.88 990.92 750.34 1003.41 759.08
+ C 1016.57 768.29 1031.69 768.54 1039.59 752.80
+ Q 1087.05 658.29 1135.36 561.88
+ C 1143.61 545.41 1135.70 532.71 1119.47 527.42
+ C 1107.86 523.64 1097.63 528.55 1092.32 539.09
+ Q 1076.40 570.65 1060.26 602.94
+ Q 1059.89 603.66 1059.79 602.86"
+/>
+<path stroke="#887314" vector-effect="non-scaling-stroke" d="
+ M 1073.63 377.07
+ C 1065.43 373.50 1054.14 371.00 1045.56 373.70
+ C 1036.21 376.65 1034.76 386.75 1041.12 393.45
+ C 1049.24 402.01 1063.29 404.86 1074.52 403.71
+ C 1079.84 403.16 1085.54 400.75 1087.97 395.65
+ C 1092.06 387.06 1079.91 379.79 1073.63 377.07"
+/>
+<path stroke="#e57f29" vector-effect="non-scaling-stroke" d="
+ M 153.42 93.67
+ L 178.33 72.91
+ A 0.29 0.29 0.0 0 0 178.36 72.51
+ L 178.09 72.18
+ A 23.45 16.45 50.2 0 0 150.45 64.70
+ L 150.37 64.76
+ A 23.45 16.45 50.2 0 0 152.74 93.31
+ L 153.01 93.63
+ A 0.29 0.29 0.0 0 0 153.42 93.67"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 298.93 74.67
+ A 7.05 6.41 0.0 0 0 291.88 68.26
+ A 7.05 6.41 0.0 0 0 284.83 74.67
+ A 7.05 6.41 0.0 0 0 291.88 81.08
+ A 7.05 6.41 0.0 0 0 298.93 74.67"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 227.8813 73.6779
+ A 8.33 5.13 -15.9 0 0 218.4646 71.0263
+ A 8.33 5.13 -15.9 0 0 211.8587 78.2421
+ A 8.33 5.13 -15.9 0 0 221.2754 80.8937
+ A 8.33 5.13 -15.9 0 0 227.8813 73.6779"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 274.5000 90.1078
+ A 4.48 3.85 0.1 0 0 270.0267 86.2500
+ A 4.48 3.85 0.1 0 0 265.5400 90.0922
+ A 4.48 3.85 0.1 0 0 270.0133 93.9500
+ A 4.48 3.85 0.1 0 0 274.5000 90.1078"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 178.7200 106.8000
+ A 3.83 3.17 90.0 0 0 181.8900 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 99.1400
+ A 3.83 3.17 90.0 0 0 175.5500 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 106.8000"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 315.79 117.26
+ Q 309.12 119.09 307.00 126.19"
+/>
+<path stroke="#efec99" vector-effect="non-scaling-stroke" d="
+ M 307.00 126.19
+ Q 305.27 129.24 304.86 133.27
+ Q 303.99 141.76 308.19 148.48
+ C 311.60 153.93 318.00 157.61 324.55 156.71
+ C 333.09 155.53 338.83 148.02 340.07 139.82
+ C 341.43 130.86 337.72 121.17 329.47 117.06
+ Q 322.59 113.63 315.79 117.26"
+/>
+<path stroke="#747c7f" vector-effect="non-scaling-stroke" d="
+ M 307.00 126.19
+ Q 306.10 133.15 309.99 137.49
+ C 316.27 144.47 325.70 139.75 327.21 131.67
+ C 328.65 123.98 324.03 117.20 315.79 117.26"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 156.5555 155.1664
+ A 8.97 6.41 71.1 0 0 159.7144 144.6037
+ A 8.97 6.41 71.1 0 0 150.7445 138.1936
+ A 8.97 6.41 71.1 0 0 147.5856 148.7563
+ A 8.97 6.41 71.1 0 0 156.5555 155.1664"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 181.9534 158.2300
+ A 3.83 2.52 89.8 0 0 184.4600 154.3912
+ A 3.83 2.52 89.8 0 0 181.9266 150.5700
+ A 3.83 2.52 89.8 0 0 179.4200 154.4088
+ A 3.83 2.52 89.8 0 0 181.9534 158.2300"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 165.21 199.40
+ A 5.13 5.13 0.0 0 0 160.08 194.27
+ A 5.13 5.13 0.0 0 0 154.95 199.40
+ A 5.13 5.13 0.0 0 0 160.08 204.53
+ A 5.13 5.13 0.0 0 0 165.21 199.40"
+/>
+<path stroke="#6a5b14" vector-effect="non-scaling-stroke" d="
+ M 849.39 155.61
+ C 835.89 161.63 828.81 175.66 832.76 190.30
+ A 0.38 0.36 -14.6 0 0 833.22 190.56
+ L 888.07 175.09
+ A 0.38 0.37 74.2 0 0 888.33 174.62
+ C 883.28 156.77 866.74 147.87 849.39 155.61"
+/>
+<path stroke="#816514" vector-effect="non-scaling-stroke" d="
+ M 891.35 349.92
+ L 946.33 365.48
+ A 0.24 0.24 0.0 0 0 946.62 365.31
+ L 946.93 364.23
+ A 28.25 28.19 -74.2 0 0 927.50 329.37
+ L 926.31 329.03
+ A 28.25 28.19 -74.2 0 0 891.49 348.54
+ L 891.18 349.63
+ A 0.24 0.24 0.0 0 0 891.35 349.92"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 176.7967 316.3900
+ A 3.84 2.53 89.9 0 0 179.3200 312.5456
+ A 3.84 2.53 89.9 0 0 176.7833 308.7100
+ A 3.84 2.53 89.9 0 0 174.2600 312.5544
+ A 3.84 2.53 89.9 0 0 176.7967 316.3900"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 146.5923 353.6700
+ A 7.05 5.77 89.9 0 0 152.3500 346.6099
+ A 7.05 5.77 89.9 0 0 146.5677 339.5700
+ A 7.05 5.77 89.9 0 0 140.8100 346.6301
+ A 7.05 5.77 89.9 0 0 146.5923 353.6700"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 180.0100 363.9600
+ A 4.47 3.17 90.0 0 0 183.1800 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 355.0200
+ A 4.47 3.17 90.0 0 0 176.8400 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 363.9600"
+/>
+<path stroke="#8f842e" vector-effect="non-scaling-stroke" d="
+ M 119.12 422.41
+ Q 135.76 429.60 148.07 443.68
+ Q 148.91 444.64 148.92 443.37
+ Q 148.97 435.47 150.46 428.45
+ Q 151.34 424.30 153.69 417.97
+ Q 159.99 400.99 164.45 387.26
+ Q 169.32 372.22 167.30 357.62
+ A 0.68 0.68 0.0 0 0 166.21 357.17
+ C 159.47 362.32 153.52 367.25 145.32 370.89
+ Q 137.03 374.57 127.86 378.41
+ C 117.93 382.57 109.16 387.92 104.13 397.54
+ C 102.00 401.63 100.99 408.32 104.31 412.19
+ C 108.10 416.60 113.74 420.08 119.12 422.41"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 180.6500 392.2400
+ A 6.40 5.13 90.0 0 0 185.7800 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 379.4400
+ A 6.40 5.13 90.0 0 0 175.5200 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 392.2400"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 88.04 398.70
+ A 3.82 3.82 0.0 0 0 84.22 394.88
+ A 3.82 3.82 0.0 0 0 80.40 398.70
+ A 3.82 3.82 0.0 0 0 84.22 402.52
+ A 3.82 3.82 0.0 0 0 88.04 398.70"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 108.0000 444.9600
+ A 6.40 4.49 90.0 0 0 112.4900 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 432.1600
+ A 6.40 4.49 90.0 0 0 103.5100 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 444.9600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 158.8805 441.9940
+ A 4.47 3.17 114.3 0 0 163.6091 439.2245
+ A 4.47 3.17 114.3 0 0 162.5595 433.8460
+ A 4.47 3.17 114.3 0 0 157.8309 436.6155
+ A 4.47 3.17 114.3 0 0 158.8805 441.9940"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 123.4400 482.2600
+ A 5.77 4.49 90.0 0 0 127.9300 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 470.7200
+ A 5.77 4.49 90.0 0 0 118.9500 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 482.2600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 168.4277 500.2500
+ A 7.05 5.77 90.1 0 0 174.2100 493.2101
+ A 7.05 5.77 90.1 0 0 168.4523 486.1500
+ A 7.05 5.77 90.1 0 0 162.6700 493.1899
+ A 7.05 5.77 90.1 0 0 168.4277 500.2500"
+/>
+<path stroke="#fbb03f" vector-effect="non-scaling-stroke" d="
+ M 36.6934 503.6706
+ A 10.25 7.69 -22.3 0 0 24.2920 500.4451
+ A 10.25 7.69 -22.3 0 0 17.7266 511.4494
+ A 10.25 7.69 -22.3 0 0 30.1280 514.6749
+ A 10.25 7.69 -22.3 0 0 36.6934 503.6706"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 109.8178 524.4051
+ A 10.89 8.34 129.4 0 0 123.1746 521.2837
+ A 10.89 8.34 129.4 0 0 123.6422 507.5749
+ A 10.89 8.34 129.4 0 0 110.2854 510.6963
+ A 10.89 8.34 129.4 0 0 109.8178 524.4051"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 65.6329 538.1020
+ A 8.97 5.13 20.3 0 0 58.9998 530.1786
+ A 8.97 5.13 20.3 0 0 48.8071 531.8780
+ A 8.97 5.13 20.3 0 0 55.4402 539.8014
+ A 8.97 5.13 20.3 0 0 65.6329 538.1020"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 193.5100 542.6900
+ A 5.13 3.84 90.0 0 0 197.3500 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 532.4300
+ A 5.13 3.84 90.0 0 0 189.6700 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 542.6900"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 294.4232 574.8299
+ A 5.12 4.49 90.3 0 0 298.9399 569.7335
+ A 5.12 4.49 90.3 0 0 294.4768 564.5901
+ A 5.12 4.49 90.3 0 0 289.9601 569.6865
+ A 5.12 4.49 90.3 0 0 294.4232 574.8299"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 157.8726 614.5204
+ A 7.68 4.49 101.7 0 0 163.8267 607.9105
+ A 7.68 4.49 101.7 0 0 160.9874 599.4796
+ A 7.68 4.49 101.7 0 0 155.0333 606.0895
+ A 7.68 4.49 101.7 0 0 157.8726 614.5204"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 282.3822 635.2489
+ A 10.90 6.41 89.2 0 0 288.6394 624.2605
+ A 10.90 6.41 89.2 0 0 282.0778 613.4511
+ A 10.90 6.41 89.2 0 0 275.8206 624.4395
+ A 10.90 6.41 89.2 0 0 282.3822 635.2489"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 173.5979 646.8300
+ A 5.12 4.49 89.8 0 0 178.0700 641.6943
+ A 5.12 4.49 89.8 0 0 173.5621 636.5900
+ A 5.12 4.49 89.8 0 0 169.0900 641.7257
+ A 5.12 4.49 89.8 0 0 173.5979 646.8300"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 283.4787 685.4099
+ A 4.48 3.83 90.4 0 0 287.3399 680.9567
+ A 4.48 3.83 90.4 0 0 283.5413 676.4501
+ A 4.48 3.83 90.4 0 0 279.6801 680.9033
+ A 4.48 3.83 90.4 0 0 283.4787 685.4099"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 228.2200 690.5778
+ A 4.49 3.84 0.1 0 0 223.7367 686.7300
+ A 4.49 3.84 0.1 0 0 219.2400 690.5622
+ A 4.49 3.84 0.1 0 0 223.7233 694.4100
+ A 4.49 3.84 0.1 0 0 228.2200 690.5778"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 304.0900 347.2500
+ A 5.77 5.13 90.0 0 0 309.2200 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 335.7100
+ A 5.77 5.13 90.0 0 0 298.9600 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 347.2500"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 359.3910 352.3600
+ A 3.16 2.54 89.8 0 0 361.9200 349.1911
+ A 3.16 2.54 89.8 0 0 359.3690 346.0400
+ A 3.16 2.54 89.8 0 0 356.8400 349.2089
+ A 3.16 2.54 89.8 0 0 359.3910 352.3600"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 353.5799 438.5199
+ A 3.83 3.16 90.3 0 0 356.7600 434.7065
+ A 3.83 3.16 90.3 0 0 353.6201 430.8601
+ A 3.83 3.16 90.3 0 0 350.4400 434.6735
+ A 3.83 3.16 90.3 0 0 353.5799 438.5199"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 353.6785 491.4037
+ A 11.54 4.49 72.3 0 0 354.4475 479.0449
+ A 11.54 4.49 72.3 0 0 346.6615 469.4163
+ A 11.54 4.49 72.3 0 0 345.8925 481.7751
+ A 11.54 4.49 72.3 0 0 353.6785 491.4037"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 387.65 498.34
+ A 4.48 4.48 0.0 0 0 383.17 493.86
+ A 4.48 4.48 0.0 0 0 378.69 498.34
+ A 4.48 4.48 0.0 0 0 383.17 502.82
+ A 4.48 4.48 0.0 0 0 387.65 498.34"
+/>
+<path stroke="#7b701a" vector-effect="non-scaling-stroke" d="
+ M 395.2258 544.0332
+ A 17.41 11.13 17.7 0 0 382.0239 528.1369
+ A 17.41 11.13 17.7 0 0 362.0542 533.4468
+ A 17.41 11.13 17.7 0 0 375.2561 549.3431
+ A 17.41 11.13 17.7 0 0 395.2258 544.0332"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 749.58 500.79
+ C 748.13 486.48 737.90 476.86 723.19 477.48
+ C 707.62 478.13 695.96 485.83 694.59 502.48
+ Q 694.12 508.13 694.72 515.78
+ Q 701.07 596.97 706.74 674.06
+ C 707.29 681.65 707.82 688.79 711.37 695.72
+ C 717.09 706.90 729.11 709.41 740.55 708.46
+ C 760.98 706.77 769.70 695.32 768.16 675.27
+ Q 764.13 622.43 759.76 564.54
+ C 758.81 551.93 766.77 541.17 777.71 535.55
+ C 784.73 531.94 790.93 531.48 798.97 532.38
+ C 809.27 533.54 820.87 533.08 829.47 526.96
+ C 840.73 518.96 845.33 504.95 841.25 491.73
+ C 835.60 473.41 817.12 467.80 799.94 468.36
+ Q 792.55 468.60 786.54 470.93
+ C 773.07 476.17 757.22 487.42 750.19 500.91
+ Q 749.69 501.87 749.58 500.79"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 1005.65 692.69
+ C 1022.59 683.36 1034.32 662.21 1036.68 643.51
+ C 1038.13 632.02 1035.91 619.09 1026.72 611.73
+ C 1018.15 604.86 1006.99 606.27 998.02 611.92
+ C 983.15 621.29 972.50 638.58 967.93 655.61
+ C 963.87 670.71 965.05 689.02 981.25 695.48
+ C 989.00 698.57 998.37 696.70 1005.65 692.69"
+/>
+<path stroke="#4d7219" vector-effect="non-scaling-stroke" d="
+ M 910.1080 619.1710
+ A 25.09 25.09 0.0 0 0 898.8492 585.5220
+ L 897.8827 585.0401
+ A 25.09 25.09 0.0 0 0 864.2337 596.2989
+ L 803.2920 718.5290
+ A 25.09 25.09 0.0 0 0 814.5508 752.1780
+ L 815.5173 752.6599
+ A 25.09 25.09 0.0 0 0 849.1663 741.4011
+ L 910.1080 619.1710"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 216.74 735.57
+ L 216.54 739.41
+ A 1.73 1.72 -83.1 0 0 217.94 741.20
+ C 221.63 741.88 226.10 739.97 229.43 739.44
+ Q 233.26 738.84 235.99 738.11
+ Q 239.17 737.27 242.49 736.44"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 242.49 736.44
+ Q 243.56 737.00 244.98 736.47
+ Q 247.59 735.49 246.62 732.93
+ Q 245.75 730.63 241.89 728.88"
+/>
+<path stroke="#8c47b7" vector-effect="non-scaling-stroke" d="
+ M 241.89 728.88
+ Q 239.48 727.56 236.70 727.28
+ Q 232.72 726.89 231.84 726.69
+ Q 229.43 726.14 227.04 725.59"
+/>
+<path stroke="#d394bc" vector-effect="non-scaling-stroke" d="
+ M 227.04 725.59
+ L 219.67 724.08
+ Q 219.15 723.97 219.05 724.49
+ L 216.74 735.57"
+/>
+<path stroke="#6085da" vector-effect="non-scaling-stroke" d="
+ M 227.04 725.59
+ C 223.56 729.74 220.80 733.49 216.74 735.57"
+/>
+<path stroke="#8098e9" vector-effect="non-scaling-stroke" d="
+ M 241.89 728.88
+ Q 240.77 732.73 242.49 736.44"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 283.88 750.64
+ Q 285.47 753.00 288.05 754.70
+ Q 292.94 757.92 298.42 761.07
+ C 302.16 763.23 307.60 764.17 308.98 758.65
+ C 310.46 752.70 305.46 748.55 300.47 746.60
+ Q 297.81 745.56 293.71 745.48
+ Q 290.25 745.42 286.72 745.59"
+/>
+<path stroke="#f3a7cb" vector-effect="non-scaling-stroke" d="
+ M 286.72 745.59
+ L 279.38 745.41
+ Q 277.13 745.35 278.90 746.74
+ L 283.88 750.64"
+/>
+<path stroke="#878f92" vector-effect="non-scaling-stroke" d="
+ M 286.72 745.59
+ Q 285.87 749.28 283.88 750.64"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 184.98 756.47
+ C 185.63 753.56 185.46 750.83 183.06 749.35
+ Q 180.18 747.56 176.49 747.65
+ Q 175.18 747.68 174.37 746.79
+ Q 173.94 746.32 173.31 746.30
+ L 167.08 746.16
+ A 2.28 2.27 0.7 0 0 164.75 748.42
+ L 164.71 757.69
+ Q 164.70 758.80 165.73 759.25
+ C 168.98 760.65 174.00 760.74 178.03 761.15
+ C 179.49 761.29 180.78 760.80 181.75 759.73
+ Q 183.09 758.26 184.59 757.09
+ Q 184.90 756.85 184.98 756.47"
+/>
+<path stroke="#933f60" vector-effect="non-scaling-stroke" d="
+ M 179.57 776.35
+ L 181.60 773.77
+ Q 183.25 771.66 180.57 771.75
+ Q 172.17 772.04 168.40 770.23
+ Q 167.15 769.63 167.27 771.01
+ L 167.82 776.97
+ A 2.04 2.03 -89.3 0 0 169.61 778.81
+ Q 172.60 779.17 175.40 778.77
+ A 6.47 6.45 -75.1 0 0 179.57 776.35"
+/>
+</g>
+<path fill="#272727" d="
+ M 1313.00 440.38
+ L 1313.00 447.08
+ Q 1310.62 471.50 1286.49 475.79
+ C 1265.27 479.56 1246.58 470.13 1244.94 446.52
+ Q 1241.70 399.99 1238.75 352.47
+ C 1238.28 344.87 1237.14 337.69 1231.77 332.20
+ C 1224.00 324.27 1210.98 326.44 1205.01 334.95
+ Q 1200.31 341.64 1200.92 350.93
+ Q 1204.17 400.62 1207.27 448.23
+ C 1208.44 466.16 1199.55 479.38 1181.49 482.65
+ C 1158.66 486.78 1141.37 476.51 1139.84 452.52
+ Q 1139.12 441.36 1138.24 428.57
+ Q 1138.18 427.62 1137.93 428.54
+ Q 1135.82 436.14 1133.71 443.24
+ C 1128.37 461.20 1108.98 470.40 1092.13 463.27
+ Q 1078.37 457.44 1074.76 443.11
+ Q 1074.64 442.61 1074.16 442.79
+ C 1040.69 455.19 1000.33 443.86 984.44 410.85
+ Q 984.13 410.20 983.46 410.45
+ C 973.35 414.28 962.42 411.64 952.09 408.71
+ Q 919.65 399.50 885.92 389.96
+ A 0.31 0.30 8.2 0 0 885.53 390.24
+ C 885.32 402.04 893.44 411.63 903.49 417.48
+ Q 915.33 424.39 929.74 420.85
+ C 941.10 418.07 953.64 412.21 965.43 416.12
+ Q 983.92 422.26 982.94 442.04
+ C 982.42 452.52 977.45 461.97 967.97 467.40
+ Q 965.92 468.58 968.20 467.95
+ C 982.94 463.87 998.31 467.85 1008.88 478.75
+ C 1027.09 497.55 1023.02 528.01 1001.24 541.64
+ C 983.44 552.78 960.61 548.80 947.37 532.15
+ Q 946.67 531.27 947.17 532.28
+ Q 952.99 544.13 950.00 555.94
+ C 946.73 568.84 936.19 578.57 923.02 580.66
+ C 902.22 583.97 883.74 567.56 884.53 546.55
+ C 884.98 534.75 891.86 523.74 902.36 518.39
+ C 916.95 510.97 933.73 514.76 943.93 527.36
+ Q 944.47 528.02 944.06 527.27
+ C 934.37 509.42 938.33 488.82 953.73 475.52
+ Q 954.33 475.00 953.60 475.31
+ C 931.70 484.42 907.14 483.91 884.98 476.24
+ Q 844.89 462.36 830.11 424.47
+ C 814.64 384.81 827.76 332.51 857.68 303.15
+ A 0.32 0.32 0.0 0 0 857.51 302.61
+ Q 839.59 299.48 824.09 288.80
+ A 0.26 0.26 0.0 0 0 823.69 288.97
+ Q 822.29 297.26 820.16 304.80
+ Q 803.30 364.49 786.00 425.30
+ C 778.56 451.42 757.27 458.79 732.76 449.45
+ C 713.12 441.96 705.21 424.76 710.88 404.65
+ Q 725.35 353.29 742.15 294.23
+ Q 744.97 284.32 742.83 276.20
+ C 739.56 263.77 728.12 257.24 715.70 260.38
+ C 704.96 263.10 699.29 272.43 696.48 282.38
+ Q 680.62 338.43 665.54 391.36
+ C 661.31 406.22 651.65 417.58 636.10 419.11
+ A 0.57 0.56 -87.2 0 0 635.60 419.57
+ C 630.45 446.78 602.70 458.64 578.42 446.72
+ Q 573.39 444.25 568.19 440.24
+ C 553.62 429.00 537.07 424.12 517.71 425.18
+ C 484.42 427.01 463.72 447.47 454.10 477.60
+ Q 453.90 478.25 454.57 478.30
+ C 456.61 478.46 458.47 478.51 460.24 479.70
+ C 473.62 488.76 474.20 504.97 468.43 519.21
+ C 464.08 529.95 457.73 539.26 450.38 548.02
+ Q 450.00 548.48 450.07 549.07
+ Q 450.36 551.38 450.88 553.79
+ C 458.97 591.20 482.96 625.38 525.37 623.15
+ C 550.87 621.81 571.42 609.87 579.38 584.60
+ Q 582.16 575.78 582.76 568.67
+ Q 582.81 568.06 582.19 568.10
+ Q 557.08 569.99 530.69 572.06
+ C 520.35 572.87 510.60 572.51 501.24 568.29
+ C 488.99 562.76 482.21 551.50 480.19 538.18
+ C 476.65 514.80 485.13 495.43 509.22 489.24
+ Q 516.07 487.48 523.40 486.91
+ Q 566.51 483.60 609.71 480.34
+ C 633.07 478.57 653.27 484.36 662.59 507.76
+ Q 665.34 514.65 666.42 520.75
+ C 678.01 586.12 657.95 657.69 596.42 691.37
+ C 569.15 706.30 536.06 712.18 505.23 709.66
+ Q 446.03 704.84 406.75 661.33
+ C 384.43 636.61 371.27 605.92 363.92 573.18
+ Q 363.79 572.62 363.25 572.39
+ Q 335.07 560.76 327.21 530.74
+ Q 326.76 529.03 326.52 527.07
+ Q 326.29 525.12 325.97 527.06
+ Q 325.16 531.87 323.43 536.26
+ Q 322.20 539.38 321.80 542.71
+ Q 315.70 593.51 307.22 645.64
+ Q 306.24 651.61 304.80 658.01
+ Q 304.70 658.46 305.00 658.81
+ Q 312.56 667.58 315.93 669.98
+ Q 331.99 681.45 349.91 692.15
+ Q 371.18 704.85 396.07 713.81
+ Q 406.61 717.61 416.82 721.77
+ C 447.49 734.28 480.77 743.36 514.92 750.33
+ Q 524.50 752.29 534.40 754.79
+ C 584.36 767.39 635.09 774.95 686.99 782.70
+ Q 715.25 786.92 742.33 789.78
+ Q 815.74 797.55 888.40 803.60
+ Q 897.41 804.36 908.22 804.78
+ Q 943.83 806.17 978.32 805.31
+ Q 988.83 805.05 997.93 803.79
+ C 1036.03 798.51 1074.02 790.88 1106.34 769.07
+ Q 1111.23 765.77 1114.89 761.60
+ C 1137.19 736.18 1148.89 705.91 1145.79 672.19
+ Q 1145.32 667.07 1143.36 659.97
+ Q 1132.13 619.36 1136.32 577.41
+ Q 1136.41 576.53 1136.02 577.32
+ Q 1091.18 666.70 1046.78 755.27
+ C 1036.73 775.33 1017.37 777.67 999.77 765.66
+ Q 986.28 756.45 987.96 740.85
+ Q 988.05 740.05 987.27 740.28
+ C 966.78 746.62 945.40 742.50 930.46 727.64
+ C 914.16 711.42 908.30 687.25 909.55 664.73
+ C 911.66 626.91 933.31 586.75 965.02 565.22
+ C 984.10 552.27 1008.60 545.86 1030.44 554.27
+ Q 1031.50 554.68 1030.64 553.94
+ C 1023.69 547.97 1020.11 537.66 1020.29 529.04
+ C 1020.69 509.39 1038.18 494.15 1057.80 496.81
+ C 1075.95 499.27 1087.86 514.70 1086.64 533.17
+ Q 1086.58 534.08 1087.06 533.31
+ C 1096.05 518.85 1111.03 515.20 1125.98 521.89
+ C 1134.27 525.60 1141.29 531.22 1144.58 539.79
+ Q 1144.88 540.58 1145.17 539.78
+ C 1150.25 525.45 1157.80 511.86 1169.54 501.90
+ C 1189.31 485.12 1214.30 481.16 1239.62 488.67
+ Q 1241.80 489.31 1243.36 490.80
+ Q 1261.54 508.21 1274.70 528.21
+ Q 1294.30 557.99 1295.25 591.60
+ Q 1295.49 600.09 1294.27 611.73
+ C 1292.48 628.97 1290.55 644.70 1286.17 660.12
+ Q 1282.35 673.59 1275.12 691.98
+ Q 1271.14 702.10 1266.47 709.78
+ C 1246.74 742.20 1216.53 765.00 1185.05 785.75
+ Q 1176.32 791.50 1167.99 795.95
+ C 1136.16 812.97 1100.31 824.65 1065.23 830.39
+ Q 1058.15 831.55 1051.12 833.40
+ Q 1033.60 838.01 1014.52 840.00
+ C 978.68 843.73 942.17 842.57 905.64 840.82
+ Q 896.00 840.36 886.03 839.23
+ Q 848.47 834.98 811.70 831.99
+ Q 760.17 827.81 706.03 818.83
+ Q 677.80 814.15 649.12 809.32
+ Q 639.00 807.62 629.35 806.22
+ C 572.69 798.03 516.72 784.83 462.52 767.80
+ Q 453.53 764.98 443.55 761.46
+ Q 400.04 746.15 372.77 734.76
+ Q 350.46 725.45 321.29 708.10
+ Q 320.73 707.77 320.84 708.41
+ Q 321.93 715.10 321.03 722.34
+ Q 320.98 722.75 320.73 723.08
+ Q 315.40 729.85 308.64 734.65
+ Q 308.06 735.06 308.75 735.22
+ C 316.35 737.00 320.65 741.86 326.04 746.95
+ Q 327.75 748.57 328.36 750.85
+ Q 331.81 763.82 325.06 774.11
+ Q 323.32 776.78 319.84 778.15
+ Q 319.23 778.39 319.60 778.93
+ Q 322.20 782.73 324.18 786.06
+ Q 325.55 788.36 327.92 791.36
+ C 331.00 795.26 331.73 800.41 333.23 805.10
+ C 334.96 810.52 334.73 815.39 330.82 819.66
+ C 324.01 827.09 312.63 825.05 308.73 815.74
+ Q 306.36 810.08 304.14 804.52
+ C 302.93 801.49 300.92 797.26 298.81 795.19
+ Q 293.26 789.78 289.69 784.59
+ Q 288.92 783.48 289.19 784.80
+ Q 290.31 790.25 291.00 796.07
+ C 292.19 806.02 296.36 814.11 299.82 823.31
+ C 305.03 837.19 303.09 852.81 302.34 867.43
+ Q 302.08 872.70 301.40 875.53
+ C 299.20 884.77 294.04 893.60 288.03 901.18
+ Q 286.61 902.96 284.21 904.12
+ Q 275.99 908.07 269.76 910.26
+ Q 257.68 914.50 243.16 915.00
+ L 228.90 915.00
+ Q 207.97 912.06 188.54 903.16
+ Q 180.56 899.50 174.35 894.00
+ Q 173.90 893.60 173.34 893.82
+ C 171.91 894.38 170.46 895.21 168.93 895.18
+ Q 153.35 894.85 136.40 894.52
+ A 1.12 1.09 -14.8 0 1 135.50 894.01
+ Q 133.17 890.31 130.70 886.65
+ Q 125.80 879.39 122.35 870.87
+ Q 118.29 860.84 119.01 849.75
+ Q 119.82 837.29 120.31 825.05
+ Q 120.33 824.54 120.61 824.11
+ Q 128.55 812.13 137.62 798.28
+ C 140.31 794.18 144.09 791.06 147.95 788.23
+ A 0.95 0.94 -27.0 0 0 148.29 787.19
+ C 146.06 780.36 144.57 773.53 149.65 767.54
+ Q 149.99 767.14 149.94 766.61
+ Q 149.21 759.86 149.63 752.73
+ C 149.84 749.20 151.07 745.60 151.95 742.12
+ C 152.92 738.26 155.84 735.92 158.81 733.45
+ Q 159.31 733.03 158.80 732.62
+ Q 153.38 728.17 150.98 723.91
+ C 145.64 714.45 153.90 701.56 160.53 693.94
+ C 164.77 689.08 170.88 685.07 175.92 680.83
+ A 0.30 0.30 0.0 0 1 176.41 681.01
+ L 177.62 688.50
+ Q 177.74 689.22 178.23 688.67
+ Q 182.09 684.39 186.88 680.79
+ A 0.33 0.32 -50.6 0 0 186.83 680.24
+ C 161.23 667.24 135.37 646.22 133.98 615.68
+ C 133.16 597.49 141.80 579.59 151.86 565.01
+ Q 155.15 560.23 156.94 555.89
+ Q 160.69 546.73 163.09 538.51
+ A 1.83 1.80 46.6 0 0 163.11 537.52
+ Q 161.15 529.78 159.35 522.86
+ Q 157.06 514.12 152.04 505.75
+ Q 151.63 505.07 151.42 505.83
+ C 150.03 510.92 148.21 517.27 144.97 521.53
+ C 133.19 537.00 118.24 544.65 99.61 552.29
+ Q 88.62 556.80 80.51 558.00
+ Q 69.55 559.62 60.07 558.35
+ Q 49.40 556.92 39.46 555.03
+ C 20.90 551.49 6.61 536.29 1.27 518.51
+ Q 0.58 516.21 0.00 510.13
+ L 0.00 507.41
+ Q 0.63 496.20 6.65 487.01
+ C 7.86 485.15 7.31 483.54 8.11 481.72
+ C 13.01 470.66 27.06 468.39 36.99 474.24
+ Q 40.17 476.11 43.08 474.18
+ Q 43.52 473.90 44.03 473.87
+ Q 52.85 473.45 61.30 473.00
+ C 66.54 472.73 71.51 471.26 76.66 471.27
+ Q 77.37 471.27 76.99 470.67
+ Q 73.28 464.93 67.69 458.66
+ Q 64.72 455.34 60.96 452.22
+ Q 49.08 442.36 46.94 424.58
+ C 45.63 413.66 48.14 400.08 55.41 391.23
+ C 65.12 379.39 79.36 371.98 91.85 363.32
+ C 96.22 360.29 99.77 356.23 103.86 352.87
+ Q 115.63 343.20 128.80 333.44
+ Q 139.14 325.77 144.30 312.71
+ Q 145.79 308.96 148.01 305.27
+ Q 152.84 297.24 158.44 290.25
+ Q 158.84 289.75 158.26 289.48
+ Q 152.04 286.49 147.67 283.40
+ Q 144.74 281.33 143.30 277.15
+ Q 143.08 276.51 142.50 276.83
+ C 134.74 281.09 129.35 286.99 123.17 292.79
+ C 114.34 301.09 103.86 304.75 91.48 302.79
+ Q 81.70 301.25 74.63 297.38
+ Q 66.01 292.65 58.73 288.94
+ C 56.62 287.86 54.50 288.67 52.38 287.62
+ C 46.65 284.79 46.28 277.16 51.99 274.14
+ C 54.61 272.75 58.50 273.80 60.59 271.75
+ Q 63.59 268.82 65.22 266.01
+ C 70.30 257.27 73.32 247.25 82.79 242.26
+ Q 86.91 240.09 91.27 237.72
+ Q 95.61 235.37 100.86 234.70
+ Q 101.58 234.60 101.17 234.01
+ Q 96.99 227.87 96.63 221.55
+ Q 96.30 215.74 96.12 208.84
+ Q 95.73 193.58 100.24 180.21
+ Q 101.88 175.37 102.76 171.63
+ C 104.14 165.79 106.95 160.75 113.87 162.21
+ C 119.10 163.32 121.18 170.02 123.02 174.26
+ Q 123.18 174.63 123.16 174.22
+ Q 122.31 158.61 122.90 146.45
+ C 123.60 131.72 127.80 116.84 133.38 102.87
+ Q 133.58 102.35 133.43 101.82
+ C 130.21 90.58 127.74 78.15 129.59 66.80
+ C 132.16 50.92 147.94 43.99 163.00 45.39
+ Q 175.75 46.57 185.22 52.82
+ C 192.46 57.59 198.57 51.81 205.04 49.36
+ C 219.74 43.79 235.48 40.99 250.83 42.50
+ Q 257.30 43.14 263.58 43.87
+ Q 275.17 45.22 287.23 49.82
+ A 1.01 0.99 37.6 0 0 288.16 49.71
+ Q 294.85 45.02 303.48 44.42
+ C 315.44 43.58 320.14 53.69 321.42 63.70
+ A 1.50 1.47 17.8 0 0 321.90 64.61
+ Q 331.07 72.79 338.35 80.97
+ Q 340.26 83.12 341.68 85.67
+ Q 346.41 94.13 350.89 103.66
+ Q 352.50 107.08 352.99 110.72
+ C 355.09 126.13 357.54 139.88 354.61 155.13
+ Q 351.09 173.44 346.72 190.07
+ Q 346.62 190.45 346.77 190.81
+ Q 352.14 204.46 350.22 218.70
+ C 349.31 225.41 347.61 233.39 344.17 239.13
+ C 338.14 249.19 327.80 257.09 317.81 262.84
+ Q 317.31 263.13 317.35 263.70
+ C 317.95 271.57 315.19 279.46 311.88 286.63
+ Q 311.62 287.20 312.03 287.67
+ Q 316.85 293.25 314.20 300.76
+ C 312.15 306.57 306.64 311.76 301.80 315.61
+ Q 301.25 316.05 301.93 316.25
+ Q 315.90 320.25 328.77 322.72
+ C 336.47 324.19 344.79 325.07 352.56 323.96
+ C 362.45 322.54 372.13 320.87 382.12 320.70
+ Q 382.77 320.69 382.47 320.12
+ C 347.11 252.24 360.76 165.12 404.60 104.52
+ C 419.68 83.68 438.94 65.57 461.15 53.19
+ Q 504.41 29.07 554.15 34.59
+ C 600.82 39.77 642.44 62.04 668.99 100.65
+ Q 669.43 101.29 669.84 100.62
+ C 677.76 87.50 691.02 82.53 705.94 85.25
+ C 732.19 90.05 745.75 108.31 738.30 134.76
+ Q 728.70 168.88 718.91 203.21
+ Q 718.71 203.91 719.38 203.63
+ C 738.57 195.57 757.24 193.85 776.95 201.25
+ Q 777.57 201.48 777.53 200.82
+ C 775.31 163.03 790.80 127.82 825.44 111.28
+ C 841.11 103.79 861.26 100.18 878.82 102.46
+ C 914.21 107.05 936.05 133.60 945.75 166.34
+ C 950.20 181.34 948.22 194.57 933.49 202.20
+ Q 926.94 205.59 918.07 208.12
+ Q 883.53 217.93 850.00 227.39
+ Q 849.37 227.57 849.72 228.13
+ C 855.49 237.54 866.48 241.57 877.28 241.73
+ C 889.72 241.91 898.88 236.25 906.75 227.26
+ Q 910.94 222.47 915.59 217.60
+ C 928.74 203.83 950.56 202.30 959.96 221.48
+ C 963.81 229.33 965.41 238.18 962.06 246.36
+ Q 953.79 266.52 938.26 279.86
+ Q 937.71 280.32 938.40 280.50
+ C 969.56 288.66 994.34 307.79 1001.85 340.18
+ Q 1002.01 340.84 1002.53 340.42
+ C 1032.50 316.87 1072.57 323.41 1100.94 345.73
+ A 0.24 0.24 0.0 0 0 1101.32 345.62
+ Q 1103.77 338.76 1101.19 332.68
+ C 1096.10 320.67 1083.02 313.70 1070.22 312.19
+ C 1054.52 310.34 1032.62 309.96 1023.78 294.22
+ Q 1023.51 293.75 1022.97 293.67
+ C 983.03 287.94 969.78 250.49 962.93 216.11
+ Q 954.26 172.57 945.08 127.03
+ Q 944.96 126.42 944.34 126.43
+ C 924.15 126.89 911.18 114.83 910.04 94.73
+ C 909.17 79.39 918.18 69.20 931.79 63.48
+ Q 932.39 63.23 932.24 62.59
+ Q 930.02 53.46 929.56 47.97
+ Q 927.46 22.77 948.53 12.75
+ Q 959.96 7.32 974.02 7.62
+ C 992.32 8.01 1003.26 21.06 1006.74 38.01
+ Q 1007.57 42.05 1008.38 46.21
+ Q 1008.50 46.86 1009.15 46.72
+ C 1018.68 44.60 1028.68 42.32 1038.17 43.30
+ C 1055.79 45.12 1062.94 58.87 1064.88 74.77
+ C 1066.48 87.84 1062.34 98.69 1050.22 104.92
+ C 1041.60 109.36 1031.77 111.01 1022.27 112.77
+ Q 1021.79 112.86 1021.89 113.34
+ Q 1031.35 160.92 1040.87 207.74
+ Q 1041.77 212.16 1043.69 216.79
+ A 0.91 0.91 0.0 0 0 1044.70 217.33
+ C 1060.84 214.24 1076.95 217.10 1085.96 231.62
+ Q 1092.40 242.01 1092.66 256.39
+ Q 1092.67 256.98 1093.24 257.12
+ Q 1111.86 261.79 1127.53 271.68
+ A 0.27 0.27 0.0 0 0 1127.94 271.44
+ Q 1126.36 247.40 1125.04 226.89
+ C 1123.76 207.11 1134.30 193.18 1154.32 191.16
+ C 1176.03 188.97 1190.89 200.32 1192.42 222.46
+ Q 1194.42 251.48 1196.25 280.51
+ A 0.35 0.35 0.0 0 0 1196.84 280.74
+ Q 1212.13 267.06 1230.84 264.50
+ Q 1241.46 263.04 1250.86 264.74
+ C 1286.68 271.24 1303.81 300.56 1305.98 334.75
+ Q 1309.33 387.56 1313.00 440.38
+ Z
+ M 996.13 358.22
+ Q 996.35 356.52 996.13 353.26
+ C 994.66 331.25 984.35 312.92 966.37 300.81
+ C 952.34 291.36 934.78 285.69 918.03 285.21
+ Q 917.93 285.03 918.13 284.71
+ Q 918.26 284.52 918.46 284.41
+ Q 943.86 270.71 954.96 243.99
+ C 958.07 236.52 955.60 227.64 951.17 221.36
+ C 945.71 213.63 936.02 212.93 928.13 217.32
+ Q 923.46 219.92 919.80 224.01
+ Q 914.74 229.68 909.74 234.96
+ Q 894.58 251.03 873.12 248.98
+ C 857.17 247.47 843.89 238.82 839.41 223.11
+ Q 839.26 222.59 839.77 222.45
+ Q 875.32 212.48 913.95 201.53
+ C 928.16 197.50 943.87 192.64 939.77 173.49
+ Q 936.75 159.39 929.02 145.62
+ C 915.01 120.66 891.00 107.31 861.76 109.55
+ Q 844.70 110.87 829.83 117.52
+ C 792.27 134.33 779.50 175.83 786.70 214.14
+ Q 763.59 200.54 738.96 205.21
+ C 728.17 207.26 717.26 212.28 707.90 218.43
+ Q 706.56 219.31 707.00 217.77
+ Q 719.33 174.34 731.14 132.56
+ C 736.82 112.47 728.42 98.84 708.75 93.55
+ C 692.44 89.16 679.12 94.57 673.15 110.80
+ Q 671.91 114.16 670.49 117.73
+ C 669.11 115.31 668.00 112.87 666.53 110.54
+ Q 637.50 64.49 584.47 48.47
+ Q 555.93 39.84 527.76 41.31
+ C 473.59 44.13 427.78 77.96 400.56 124.26
+ C 364.87 184.97 356.28 267.04 396.08 328.29
+ Q 396.35 328.71 396.39 329.20
+ L 396.44 329.76
+ Q 384.02 327.02 371.23 328.82
+ Q 361.92 330.12 352.99 331.40
+ C 343.53 332.75 333.45 331.39 324.15 329.46
+ Q 311.84 326.91 290.90 321.11
+ Q 288.57 320.46 283.33 317.37
+ Q 283.35 317.69 283.01 317.11
+ Q 283.80 316.78 286.09 316.14
+ C 292.76 314.27 298.49 309.20 303.87 303.45
+ C 306.85 300.25 310.04 294.68 305.08 291.37
+ Q 304.00 290.66 302.81 290.09
+ Q 302.25 289.83 302.51 289.27
+ C 306.32 281.11 312.90 268.31 308.49 259.33
+ Q 321.27 253.06 331.52 243.28
+ Q 337.94 237.16 340.69 227.74
+ Q 346.40 208.24 338.69 190.80
+ Q 343.83 172.12 347.27 153.41
+ Q 348.52 146.59 348.57 141.52
+ C 348.65 131.67 346.96 122.46 345.71 112.76
+ Q 345.28 109.40 343.90 106.43
+ Q 340.24 98.55 336.04 90.87
+ Q 333.70 86.59 329.86 82.70
+ Q 322.31 75.03 314.76 68.15
+ Q 314.33 67.77 314.30 67.20
+ Q 313.94 61.64 311.61 56.28
+ Q 309.45 51.31 303.76 51.87
+ Q 294.77 52.75 289.75 58.36
+ Q 289.36 58.79 288.82 58.56
+ Q 275.70 52.81 262.82 51.32
+ Q 247.47 49.54 242.90 49.56
+ Q 227.20 49.62 210.11 55.53
+ C 202.70 58.09 195.73 63.74 187.54 61.83
+ Q 184.18 61.04 180.71 58.85
+ C 170.19 52.21 153.57 49.54 142.85 57.85
+ Q 137.05 62.35 136.60 70.99
+ C 136.07 81.40 138.23 91.94 141.30 101.95
+ Q 141.47 102.50 141.27 103.03
+ C 136.82 114.76 132.97 126.09 131.17 138.57
+ C 129.69 148.85 130.02 160.41 130.56 171.25
+ Q 131.09 182.02 133.98 192.58
+ Q 125.72 189.94 120.26 183.69
+ C 117.21 180.19 115.86 175.88 114.01 171.73
+ C 113.61 170.84 112.88 170.05 112.32 169.24
+ A 0.57 0.57 0.0 0 0 111.39 169.23
+ Q 110.30 170.75 110.08 172.51
+ C 109.68 175.68 108.30 178.67 107.27 181.69
+ Q 104.12 190.96 103.41 202.01
+ Q 103.02 208.16 103.57 212.00
+ Q 103.98 214.87 103.74 217.43
+ Q 103.43 220.70 104.12 223.37
+ Q 107.21 235.31 120.68 240.00
+ Q 110.48 241.30 101.99 241.95
+ Q 98.04 242.24 92.63 245.55
+ Q 90.04 247.13 87.38 248.31
+ C 81.29 250.99 77.74 257.62 75.13 263.37
+ Q 71.36 271.65 65.52 277.71
+ C 63.88 279.40 60.73 280.13 58.50 280.35
+ Q 57.53 280.45 58.43 280.80
+ Q 65.82 283.73 75.97 289.61
+ Q 86.29 295.59 98.40 295.85
+ C 105.94 296.02 113.69 291.76 118.87 286.63
+ C 126.45 279.12 133.50 272.20 143.62 268.11
+ C 144.93 267.58 145.75 266.86 146.75 265.89
+ A 1.09 1.09 0.0 0 1 148.58 266.47
+ C 149.09 269.15 149.82 276.06 152.09 277.42
+ Q 156.29 279.95 160.81 282.44
+ Q 163.57 283.97 173.33 286.09
+ C 165.52 292.45 160.26 299.84 154.94 308.24
+ Q 152.74 311.72 151.04 316.09
+ C 146.81 326.94 139.69 334.80 129.92 342.08
+ C 121.53 348.32 112.98 354.61 105.53 361.51
+ Q 99.10 367.47 94.87 370.39
+ Q 86.77 375.99 78.72 381.00
+ C 71.35 385.59 63.26 391.92 59.07 399.17
+ C 50.55 413.91 52.80 435.68 65.99 446.61
+ Q 69.03 449.14 71.96 452.26
+ C 79.69 460.52 86.62 469.39 88.74 480.76
+ Q 88.83 481.27 88.56 481.70
+ Q 87.92 482.73 86.97 483.16
+ Q 82.80 477.41 73.95 478.90
+ Q 67.41 480.01 63.51 480.31
+ Q 55.28 480.95 46.93 481.21
+ C 45.02 481.27 43.78 482.31 42.05 483.14
+ L 35.10 482.09
+ Q 27.61 475.98 19.00 480.22
+ Q 13.96 482.70 14.97 488.47
+ C 5.47 500.31 5.50 514.46 13.09 527.08
+ C 19.09 537.05 28.96 545.34 39.84 547.45
+ C 52.87 549.97 66.16 552.69 79.48 550.60
+ Q 86.69 549.46 95.90 545.67
+ C 112.65 538.76 128.50 531.60 139.41 516.34
+ C 140.73 514.50 141.46 512.36 142.13 510.23
+ Q 145.24 500.36 148.04 493.59
+ Q 149.19 490.81 151.52 488.92
+ A 0.41 0.40 57.2 0 1 152.14 489.06
+ Q 156.86 498.61 161.73 507.98
+ Q 164.32 512.96 165.74 518.05
+ Q 168.34 527.35 170.83 537.46
+ Q 171.03 538.30 170.78 539.14
+ Q 167.75 549.28 163.67 559.28
+ Q 161.84 563.77 158.98 567.82
+ C 150.41 579.98 142.63 595.04 141.55 609.91
+ C 139.44 638.99 164.22 659.93 187.29 672.02
+ C 192.16 674.58 197.22 676.38 201.87 679.35
+ A 0.28 0.28 0.0 0 1 201.99 679.69
+ Q 201.93 679.87 201.81 679.91
+ Q 190.45 686.00 183.03 694.52
+ Q 180.93 696.93 179.95 700.51
+ Q 179.51 702.09 178.12 702.80
+ C 173.77 705.01 171.62 697.95 171.08 694.89
+ Q 170.93 694.04 170.29 694.62
+ C 165.45 699.09 152.50 714.26 158.11 721.29
+ C 162.44 726.72 167.75 730.18 174.26 733.72
+ Q 182.40 738.14 191.13 742.64
+ C 192.86 743.53 192.42 744.83 193.24 746.23
+ Q 187.30 742.75 180.72 740.98
+ Q 179.15 740.56 174.75 740.11
+ Q 171.58 739.78 168.76 739.36
+ Q 167.07 739.10 165.14 739.17
+ Q 163.64 739.22 162.30 740.25
+ Q 159.92 742.09 159.37 743.68
+ Q 155.39 755.12 157.83 767.22
+ C 158.81 772.09 154.58 771.21 153.91 774.93
+ Q 153.36 777.97 154.32 781.12
+ A 0.96 0.93 6.6 0 0 154.79 781.69
+ L 159.41 784.07
+ A 0.46 0.46 0.0 0 1 159.34 784.92
+ Q 154.47 786.58 156.13 791.80
+ Q 152.10 794.23 148.58 797.28
+ Q 145.31 800.12 142.70 804.16
+ Q 135.42 815.42 128.16 826.23
+ Q 127.83 826.72 127.80 827.31
+ Q 127.18 838.91 126.51 850.50
+ Q 126.05 858.30 128.07 864.71
+ Q 130.77 873.30 136.22 881.13
+ Q 137.93 883.28 139.00 885.37
+ Q 139.50 886.37 140.03 886.66
+ Q 140.79 887.07 141.71 887.08
+ Q 153.69 887.25 165.61 887.45
+ C 166.94 887.48 167.84 887.76 169.22 887.26
+ Q 172.53 886.06 175.68 884.76
+ Q 176.22 884.54 176.55 885.02
+ C 180.40 890.60 187.26 894.51 193.41 897.17
+ Q 204.15 901.81 218.00 905.46
+ Q 225.72 907.51 233.46 907.55
+ Q 246.44 907.63 255.70 906.16
+ Q 265.29 904.64 278.86 898.36
+ Q 281.67 897.07 283.25 895.06
+ C 288.03 889.01 291.69 882.03 293.83 874.82
+ C 294.46 872.69 294.41 870.64 294.55 868.40
+ Q 294.81 863.36 295.31 858.31
+ C 296.43 846.91 296.77 834.51 292.54 824.59
+ Q 288.77 815.73 286.30 808.56
+ Q 284.77 804.13 284.13 799.26
+ Q 283.35 793.27 282.94 791.16
+ Q 282.19 787.33 281.70 783.25
+ C 281.53 781.84 281.06 780.66 280.96 779.22
+ Q 280.42 771.53 282.27 763.85
+ Q 288.32 771.38 294.65 778.55
+ C 295.82 779.88 296.54 781.61 297.73 782.95
+ Q 300.68 786.26 303.95 789.76
+ C 309.86 796.07 312.05 804.27 315.12 811.72
+ C 316.62 815.35 318.75 817.73 322.75 816.32
+ C 326.50 815.00 327.46 811.60 326.25 807.94
+ C 324.88 803.79 324.17 797.81 321.09 794.78
+ Q 319.44 793.16 318.64 791.45
+ C 317.06 788.05 314.45 784.83 312.50 781.75
+ C 311.30 779.85 310.69 777.64 309.66 775.60
+ A 1.78 1.78 0.0 0 1 310.75 773.09
+ C 313.23 772.36 317.87 771.72 319.23 769.41
+ Q 323.09 762.81 321.65 754.85
+ Q 321.31 752.99 319.95 751.56
+ Q 315.82 747.22 312.30 744.73
+ C 309.83 742.97 306.84 742.64 304.03 741.42
+ Q 298.31 738.93 292.48 738.09
+ Q 294.49 736.63 296.44 734.64
+ Q 298.71 732.35 300.52 731.14
+ C 305.30 727.93 309.45 724.85 313.35 720.27
+ Q 313.67 719.89 313.73 719.40
+ C 314.48 712.61 313.62 704.55 308.40 699.81
+ C 302.98 694.88 298.01 689.73 291.54 685.60
+ L 293.80 680.29
+ Q 294.04 679.71 294.54 680.10
+ Q 305.55 688.68 314.70 694.78
+ Q 344.74 714.83 376.17 727.90
+ Q 406.21 740.39 438.84 751.89
+ Q 473.61 764.15 508.83 773.45
+ Q 518.81 776.08 528.18 778.48
+ Q 576.36 790.81 624.78 797.93
+ C 673.27 805.06 723.35 815.17 768.04 820.15
+ Q 793.04 822.94 814.04 824.68
+ Q 852.83 827.89 888.09 831.89
+ Q 898.20 833.04 907.99 833.45
+ C 941.80 834.88 975.35 836.01 1009.00 833.06
+ Q 1029.74 831.25 1048.50 826.32
+ Q 1056.41 824.24 1063.56 823.07
+ C 1098.40 817.35 1133.34 805.96 1164.91 789.14
+ C 1176.28 783.09 1187.13 775.32 1197.98 767.82
+ C 1222.52 750.83 1245.13 730.73 1260.23 705.61
+ C 1266.75 694.78 1271.36 681.26 1275.56 669.04
+ Q 1282.54 648.75 1285.25 624.64
+ Q 1286.62 612.55 1287.74 601.50
+ C 1287.93 599.61 1287.70 597.70 1287.46 595.81
+ C 1287.12 591.95 1287.66 587.87 1287.33 584.39
+ C 1284.10 550.34 1263.74 520.98 1239.63 497.70
+ C 1238.85 496.94 1238.41 496.11 1237.24 495.77
+ C 1209.69 487.72 1182.19 494.70 1164.63 518.16
+ Q 1156.76 528.67 1151.32 544.77
+ Q 1142.79 569.98 1142.79 595.98
+ Q 1142.79 596.01 1142.76 596.01
+ Q 1142.63 596.03 1142.50 596.04
+ Q 1142.35 595.94 1142.37 595.64
+ Q 1142.38 595.63 1142.38 595.61
+ Q 1142.39 595.59 1142.41 595.61
+ Q 1142.44 595.62 1142.43 595.66
+ Q 1141.96 603.21 1142.95 610.71
+ C 1143.30 613.76 1143.22 616.78 1143.52 619.81
+ Q 1145.52 639.98 1150.73 658.58
+ Q 1152.80 666.00 1153.31 671.82
+ C 1156.40 707.64 1144.20 739.17 1120.94 766.11
+ Q 1116.55 771.20 1111.04 774.92
+ C 1089.83 789.24 1066.62 798.14 1041.56 803.72
+ Q 1020.92 808.31 998.42 811.30
+ Q 988.90 812.56 978.64 812.80
+ Q 942.93 813.62 907.93 812.30
+ Q 897.64 811.91 888.53 811.15
+ Q 816.48 805.12 742.00 797.28
+ Q 720.06 794.97 700.09 792.12
+ Q 653.29 785.44 608.49 777.84
+ C 579.65 772.94 553.69 767.30 527.48 760.84
+ Q 518.63 758.66 508.21 756.54
+ C 476.16 750.02 443.39 740.92 413.07 728.34
+ Q 404.97 724.99 394.39 721.21
+ Q 363.83 710.29 335.76 692.29
+ Q 322.58 683.83 310.74 675.63
+ A 9.00 8.88 -4.2 0 1 309.26 674.37
+ L 296.92 661.38
+ Q 296.52 660.96 296.64 660.40
+ C 298.04 653.80 299.36 647.33 300.45 640.56
+ Q 308.45 590.89 314.49 540.95
+ Q 314.84 538.00 316.18 534.41
+ Q 319.80 524.64 319.87 513.50
+ Q 320.53 509.06 320.45 503.75
+ Q 320.27 491.99 319.27 480.27
+ C 318.92 476.16 319.16 471.57 318.84 468.04
+ Q 317.68 454.88 313.80 440.05
+ Q 308.01 417.90 298.84 399.08
+ C 296.98 395.27 294.76 391.84 292.61 388.16
+ Q 285.64 376.25 285.71 362.00
+ Q 285.74 355.81 285.60 349.89
+ C 287.95 346.87 291.43 348.77 294.30 349.42
+ Q 306.79 352.25 320.02 354.67
+ Q 340.57 358.44 359.38 357.83
+ Q 361.80 357.75 363.27 359.06
+ C 367.35 362.68 364.79 369.14 362.35 372.99
+ Q 356.76 381.80 353.08 389.62
+ C 350.89 394.26 349.51 399.27 347.66 404.00
+ C 341.08 420.82 337.39 439.00 335.44 458.35
+ Q 333.73 475.25 333.44 489.42
+ Q 333.19 501.72 333.55 519.91
+ Q 333.69 526.82 335.22 531.74
+ Q 340.65 549.26 355.09 559.67
+ Q 361.88 564.57 370.30 566.48
+ C 381.15 626.57 418.61 682.56 480.45 697.99
+ Q 522.99 708.60 567.45 695.53
+ Q 577.13 692.68 586.44 688.12
+ C 644.24 659.78 666.47 600.25 661.23 537.95
+ C 659.37 515.82 654.13 492.56 627.93 488.27
+ Q 620.59 487.07 613.75 487.57
+ Q 565.49 491.13 521.63 494.61
+ C 500.82 496.26 486.80 506.70 486.90 528.34
+ C 487.00 547.38 495.03 561.93 515.64 564.57
+ Q 520.79 565.24 525.71 564.87
+ Q 556.71 562.54 590.27 559.99
+ Q 590.86 559.95 590.84 560.54
+ C 590.10 589.42 578.12 615.40 549.97 625.82
+ Q 534.51 631.55 517.09 630.59
+ C 488.37 629.02 466.24 610.76 453.83 585.44
+ Q 445.09 567.61 441.95 546.94
+ Q 447.00 540.33 452.70 532.71
+ Q 459.10 524.15 463.20 511.24
+ C 465.90 502.74 464.64 492.71 457.29 486.76
+ C 454.62 484.60 447.11 486.71 443.79 487.40
+ Q 446.67 473.08 452.97 460.23
+ C 463.40 438.97 481.35 423.79 504.96 419.24
+ C 527.31 414.92 551.05 418.50 569.54 432.01
+ C 578.28 438.40 585.78 443.56 597.16 443.76
+ C 615.86 444.10 628.72 430.05 628.83 411.59
+ C 644.95 413.22 654.24 403.69 658.41 389.07
+ Q 673.78 335.18 689.58 279.14
+ C 693.75 264.34 704.83 252.60 720.77 252.19
+ C 737.27 251.77 749.54 263.41 751.03 279.72
+ Q 751.76 287.80 749.72 295.01
+ Q 734.10 350.07 718.62 404.78
+ C 712.71 425.68 720.77 438.96 741.47 444.39
+ C 761.56 449.65 773.78 440.95 779.12 422.13
+ Q 796.17 362.07 813.14 301.98
+ Q 816.95 288.52 817.72 273.98
+ Q 840.34 295.49 870.75 296.43
+ Q 872.33 296.48 878.05 296.37
+ C 850.44 314.16 835.04 344.76 831.72 377.29
+ Q 829.92 394.92 833.61 410.19
+ Q 844.25 454.19 887.68 469.23
+ C 914.79 478.61 943.90 476.14 967.39 458.71
+ C 973.46 454.21 976.46 444.10 975.35 436.89
+ C 973.36 423.95 959.95 420.09 948.58 423.42
+ Q 941.38 425.53 933.13 427.75
+ Q 909.69 434.05 891.48 418.04
+ C 880.46 408.35 875.55 395.36 879.26 380.94
+ Q 879.43 380.29 880.08 380.47
+ Q 918.12 391.36 956.70 402.13
+ C 967.26 405.08 980.29 408.21 987.76 397.42
+ Q 993.21 419.42 1011.62 430.40
+ Q 1041.10 447.99 1074.99 434.46
+ Q 1078.85 432.92 1083.18 430.15
+ Q 1083.98 429.64 1083.73 430.56
+ Q 1083.32 432.06 1082.82 433.72
+ C 1081.33 438.59 1081.91 443.91 1084.79 447.99
+ Q 1092.06 458.31 1104.59 458.12
+ C 1114.97 457.96 1123.81 450.78 1126.58 441.00
+ Q 1134.53 412.91 1142.79 384.23
+ Q 1145.20 419.22 1147.71 453.73
+ Q 1148.37 462.85 1152.54 467.95
+ C 1160.29 477.47 1174.30 477.51 1184.98 474.00
+ C 1196.94 470.06 1200.51 459.71 1199.76 448.09
+ Q 1196.73 401.36 1193.51 353.14
+ C 1192.67 340.57 1196.43 329.04 1207.71 322.88
+ C 1220.19 316.06 1235.01 320.73 1241.62 333.05
+ Q 1245.33 339.95 1245.79 346.92
+ Q 1248.95 394.18 1252.35 445.82
+ Q 1252.76 452.12 1255.96 458.20
+ C 1262.41 470.46 1279.28 470.80 1290.49 467.07
+ C 1302.27 463.15 1306.20 452.89 1305.44 441.21
+ Q 1301.93 387.57 1298.35 334.07
+ C 1296.54 306.96 1283.92 281.86 1256.61 273.76
+ C 1239.52 268.69 1221.05 271.55 1206.75 282.35
+ C 1200.55 287.02 1195.46 292.43 1190.63 298.51
+ Q 1189.99 299.32 1189.92 298.29
+ Q 1187.48 260.95 1184.98 223.25
+ C 1183.69 203.87 1170.72 195.75 1152.05 199.02
+ Q 1134.24 202.14 1132.52 221.18
+ Q 1132.33 223.24 1132.45 225.00
+ Q 1134.45 256.27 1136.52 287.98
+ Q 1126.86 279.20 1115.40 273.37
+ Q 1101.05 266.08 1085.15 262.92
+ Q 1084.60 262.81 1084.68 262.27
+ Q 1086.53 248.44 1080.43 237.02
+ C 1073.53 224.09 1059.75 222.06 1046.32 224.68
+ C 1043.57 225.22 1040.76 225.21 1038.85 222.83
+ C 1035.62 218.79 1034.19 212.48 1033.16 207.46
+ Q 1023.09 157.96 1013.09 107.59
+ Q 1012.98 107.02 1013.54 106.91
+ Q 1025.02 104.66 1035.04 102.48
+ C 1046.78 99.92 1057.81 94.21 1057.69 80.41
+ Q 1057.59 69.02 1052.74 60.23
+ C 1046.77 49.39 1033.68 49.45 1022.45 51.69
+ Q 1012.21 53.73 1003.15 55.54
+ Q 1002.60 55.65 1002.50 55.10
+ Q 1000.94 46.81 999.05 38.13
+ Q 997.61 31.55 994.01 25.93
+ C 985.23 12.25 966.76 13.40 953.68 18.66
+ C 937.64 25.11 934.85 38.60 938.06 53.99
+ Q 939.41 60.47 940.77 67.39
+ A 0.84 0.83 -14.6 0 1 940.21 68.34
+ C 927.19 72.58 916.28 79.91 917.58 95.10
+ C 919.23 114.53 932.68 120.82 950.44 118.57
+ Q 951.01 118.50 951.12 119.06
+ Q 960.52 165.56 969.75 212.01
+ C 976.37 245.36 987.75 283.61 1028.08 286.71
+ Q 1028.85 286.76 1029.07 287.50
+ C 1032.01 297.11 1043.24 301.23 1052.52 302.50
+ C 1058.93 303.37 1064.98 304.13 1070.94 304.77
+ Q 1086.59 306.44 1098.26 316.43
+ C 1106.61 323.58 1112.21 334.36 1109.14 345.54
+ Q 1107.12 352.89 1105.08 359.93
+ A 0.29 0.29 0.0 0 1 1104.58 360.03
+ C 1097.68 351.25 1087.45 344.58 1077.26 340.11
+ C 1048.03 327.30 1015.91 331.22 996.13 358.22
+ Z
+ M 326.57 471.55
+ L 326.57 471.55
+ Q 326.68 471.55 326.69 471.44
+ C 328.51 448.77 331.50 426.23 339.40 404.77
+ C 342.85 395.39 345.67 386.37 350.90 377.54
+ Q 354.22 371.95 357.32 366.62
+ Q 357.99 365.46 356.65 365.47
+ Q 337.72 365.52 318.27 362.00
+ Q 307.12 359.98 294.06 357.01
+ Q 293.09 356.79 293.03 357.79
+ Q 292.51 366.95 295.07 375.78
+ Q 296.38 380.33 302.26 390.04
+ Q 307.87 399.30 313.78 415.50
+ C 320.71 434.49 325.42 452.90 326.35 471.35
+ Q 326.36 471.55 326.57 471.55
+ Z
+ M 1012.90 507.13
+ A 33.30 33.30 0.0 0 0 979.60 473.83
+ A 33.30 33.30 0.0 0 0 946.30 507.13
+ A 33.30 33.30 0.0 0 0 979.60 540.43
+ A 33.30 33.30 0.0 0 0 1012.90 507.13
+ Z
+ M 1079.27 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 504.00
+ A 25.76 25.76 0.0 0 0 1027.75 529.76
+ A 25.76 25.76 0.0 0 0 1053.51 555.52
+ A 25.76 25.76 0.0 0 0 1079.27 529.76
+ Z
+ M 943.51 547.86
+ A 25.76 25.76 0.0 0 0 917.75 522.10
+ A 25.76 25.76 0.0 0 0 891.99 547.86
+ A 25.76 25.76 0.0 0 0 917.75 573.62
+ A 25.76 25.76 0.0 0 0 943.51 547.86
+ Z
+ M 1059.79 602.86
+ Q 1057.70 585.87 1046.51 574.04
+ C 1017.37 543.23 973.53 561.33 949.72 588.57
+ C 927.15 614.40 913.00 649.77 917.89 684.16
+ C 921.34 708.39 936.09 732.22 962.51 735.28
+ C 975.80 736.81 988.67 733.07 1000.85 726.43
+ Q 1001.84 725.89 1001.28 726.87
+ C 995.06 737.88 990.92 750.34 1003.41 759.08
+ C 1016.57 768.29 1031.69 768.54 1039.59 752.80
+ Q 1087.05 658.29 1135.36 561.88
+ C 1143.61 545.41 1135.70 532.71 1119.47 527.42
+ C 1107.86 523.64 1097.63 528.55 1092.32 539.09
+ Q 1076.40 570.65 1060.26 602.94
+ Q 1059.89 603.66 1059.79 602.86
+ Z
+ M 1075.92 554.96
+ Q 1076.49 553.81 1075.52 554.66
+ C 1067.28 561.88 1055.61 564.95 1044.65 561.86
+ Q 1043.50 561.54 1044.46 562.25
+ C 1051.61 567.49 1057.56 574.83 1061.53 582.59
+ A 0.30 0.29 44.7 0 0 1062.06 582.59
+ L 1075.92 554.96
+ Z"
+/>
+<path fill="#e8bf00" d="
+ M 1136.52 287.98
+ L 1142.79 384.23
+ Q 1134.53 412.91 1126.58 441.00
+ C 1123.81 450.78 1114.97 457.96 1104.59 458.12
+ Q 1092.06 458.31 1084.79 447.99
+ C 1081.91 443.91 1081.33 438.59 1082.82 433.72
+ Q 1083.32 432.06 1083.73 430.56
+ Q 1083.98 429.64 1083.18 430.15
+ Q 1078.85 432.92 1074.99 434.46
+ Q 1041.10 447.99 1011.62 430.40
+ Q 993.21 419.42 987.76 397.42
+ Q 987.40 394.43 987.18 391.24
+ Q 985.92 373.24 996.13 358.22
+ C 1015.91 331.22 1048.03 327.30 1077.26 340.11
+ C 1087.45 344.58 1097.68 351.25 1104.58 360.03
+ A 0.29 0.29 0.0 0 0 1105.08 359.93
+ Q 1107.12 352.89 1109.14 345.54
+ C 1112.21 334.36 1106.61 323.58 1098.26 316.43
+ Q 1086.59 306.44 1070.94 304.77
+ C 1064.98 304.13 1058.93 303.37 1052.52 302.50
+ C 1043.24 301.23 1032.01 297.11 1029.07 287.50
+ Q 1028.85 286.76 1028.08 286.71
+ C 987.75 283.61 976.37 245.36 969.75 212.01
+ Q 960.52 165.56 951.12 119.06
+ Q 951.01 118.50 950.44 118.57
+ C 932.68 120.82 919.23 114.53 917.58 95.10
+ C 916.28 79.91 927.19 72.58 940.21 68.34
+ A 0.84 0.83 -14.6 0 0 940.77 67.39
+ Q 939.41 60.47 938.06 53.99
+ C 934.85 38.60 937.64 25.11 953.68 18.66
+ C 966.76 13.40 985.23 12.25 994.01 25.93
+ Q 997.61 31.55 999.05 38.13
+ Q 1000.94 46.81 1002.50 55.10
+ Q 1002.60 55.65 1003.15 55.54
+ Q 1012.21 53.73 1022.45 51.69
+ C 1033.68 49.45 1046.77 49.39 1052.74 60.23
+ Q 1057.59 69.02 1057.69 80.41
+ C 1057.81 94.21 1046.78 99.92 1035.04 102.48
+ Q 1025.02 104.66 1013.54 106.91
+ Q 1012.98 107.02 1013.09 107.59
+ Q 1023.09 157.96 1033.16 207.46
+ C 1034.19 212.48 1035.62 218.79 1038.85 222.83
+ C 1040.76 225.21 1043.57 225.22 1046.32 224.68
+ C 1059.75 222.06 1073.53 224.09 1080.43 237.02
+ Q 1086.53 248.44 1084.68 262.27
+ Q 1084.60 262.81 1085.15 262.92
+ Q 1101.05 266.08 1115.40 273.37
+ Q 1126.86 279.20 1136.52 287.98
+ Z
+ M 1073.63 377.07
+ C 1065.43 373.50 1054.14 371.00 1045.56 373.70
+ C 1036.21 376.65 1034.76 386.75 1041.12 393.45
+ C 1049.24 402.01 1063.29 404.86 1074.52 403.71
+ C 1079.84 403.16 1085.54 400.75 1087.97 395.65
+ C 1092.06 387.06 1079.91 379.79 1073.63 377.07
+ Z"
+/>
+<path fill="#000000" d="
+ M 670.49 117.73
+ Q 679.01 141.38 663.29 159.86
+ Q 662.11 161.25 660.33 162.78
+ Q 658.60 164.28 657.19 165.49
+ Q 645.71 172.10 634.46 170.40
+ Q 615.95 167.60 605.73 151.30
+ Q 603.52 147.77 603.50 147.74
+ Q 597.13 138.03 588.04 131.28
+ C 565.17 114.30 534.33 108.78 507.57 120.27
+ C 486.41 129.36 469.80 147.89 459.49 168.55
+ Q 442.39 202.80 444.57 239.22
+ C 446.61 273.32 464.42 302.56 497.20 314.81
+ C 514.07 321.11 533.42 323.51 550.71 317.51
+ C 555.30 315.92 559.32 313.56 563.72 311.48
+ Q 573.53 306.85 583.93 309.37
+ C 596.32 312.37 605.79 318.94 610.26 331.07
+ Q 613.65 344.71 608.36 358.05
+ Q 604.93 366.70 598.49 372.59
+ Q 593.42 376.90 586.95 379.91
+ C 555.05 394.77 521.09 399.06 486.90 390.40
+ Q 460.73 383.76 437.67 369.33
+ Q 421.37 358.65 408.05 344.03
+ Q 407.72 343.66 407.25 343.50
+ Q 406.77 343.34 406.65 342.96
+ L 397.49 330.43
+ Q 397.25 330.11 396.87 329.99
+ Q 396.63 329.91 396.44 329.76
+ L 396.39 329.20
+ Q 396.35 328.71 396.08 328.29
+ C 356.28 267.04 364.87 184.97 400.56 124.26
+ C 427.78 77.96 473.59 44.13 527.76 41.31
+ Q 555.93 39.84 584.47 48.47
+ Q 637.50 64.49 666.53 110.54
+ C 668.00 112.87 669.11 115.31 670.49 117.73
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 338.69 190.80
+ Q 337.38 188.77 336.30 186.93
+ Q 329.54 175.43 317.00 172.38
+ Q 319.88 167.91 319.01 163.74
+ Q 317.77 157.82 312.21 154.07
+ Q 310.09 152.65 306.81 151.85
+ C 300.76 150.39 295.49 148.52 289.69 152.11
+ Q 285.19 154.88 281.56 158.90
+ C 277.68 163.20 277.87 167.27 277.87 172.67
+ Q 275.53 172.05 273.84 170.15
+ Q 263.86 158.94 249.92 155.02
+ Q 264.10 149.66 265.60 135.30
+ C 266.25 129.11 264.44 122.71 260.44 118.06
+ Q 251.00 107.11 237.05 111.46
+ Q 225.52 113.45 223.54 124.21
+ Q 219.69 132.59 223.12 141.42
+ Q 226.60 150.36 235.70 154.38
+ Q 230.77 155.76 226.64 158.13
+ C 214.51 165.13 204.74 172.98 198.06 185.35
+ C 193.08 194.59 188.74 204.43 187.90 214.78
+ C 187.17 223.82 190.01 233.44 197.51 238.96
+ Q 201.99 242.25 206.42 245.87
+ Q 209.71 248.55 214.44 250.92
+ Q 220.71 254.07 227.51 257.06
+ Q 215.29 254.12 203.48 251.63
+ Q 193.10 249.44 188.27 247.44
+ Q 180.84 244.36 174.44 239.62
+ C 164.39 232.62 154.95 225.56 146.82 216.43
+ Q 138.76 207.36 133.98 192.58
+ Q 131.09 182.02 130.56 171.25
+ C 130.02 160.41 129.69 148.85 131.17 138.57
+ C 132.97 126.09 136.82 114.76 141.27 103.03
+ Q 141.47 102.50 141.30 101.95
+ C 138.23 91.94 136.07 81.40 136.60 70.99
+ Q 137.05 62.35 142.85 57.85
+ C 153.57 49.54 170.19 52.21 180.71 58.85
+ Q 184.18 61.04 187.54 61.83
+ C 195.73 63.74 202.70 58.09 210.11 55.53
+ Q 227.20 49.62 242.90 49.56
+ Q 247.47 49.54 262.82 51.32
+ Q 275.70 52.81 288.82 58.56
+ Q 289.36 58.79 289.75 58.36
+ Q 294.77 52.75 303.76 51.87
+ Q 309.45 51.31 311.61 56.28
+ Q 313.94 61.64 314.30 67.20
+ Q 314.33 67.77 314.76 68.15
+ Q 322.31 75.03 329.86 82.70
+ Q 333.70 86.59 336.04 90.87
+ Q 340.24 98.55 343.90 106.43
+ Q 345.28 109.40 345.71 112.76
+ C 346.96 122.46 348.65 131.67 348.57 141.52
+ Q 348.52 146.59 347.27 153.41
+ Q 343.83 172.12 338.69 190.80
+ Z
+ M 153.42 93.67
+ L 178.33 72.91
+ A 0.29 0.29 0.0 0 0 178.36 72.51
+ L 178.09 72.18
+ A 23.45 16.45 50.2 0 0 150.45 64.70
+ L 150.37 64.76
+ A 23.45 16.45 50.2 0 0 152.74 93.31
+ L 153.01 93.63
+ A 0.29 0.29 0.0 0 0 153.42 93.67
+ Z
+ M 298.93 74.67
+ A 7.05 6.41 0.0 0 0 291.88 68.26
+ A 7.05 6.41 0.0 0 0 284.83 74.67
+ A 7.05 6.41 0.0 0 0 291.88 81.08
+ A 7.05 6.41 0.0 0 0 298.93 74.67
+ Z
+ M 227.8813 73.6779
+ A 8.33 5.13 -15.9 0 0 218.4646 71.0263
+ A 8.33 5.13 -15.9 0 0 211.8587 78.2421
+ A 8.33 5.13 -15.9 0 0 221.2754 80.8937
+ A 8.33 5.13 -15.9 0 0 227.8813 73.6779
+ Z
+ M 274.5000 90.1078
+ A 4.48 3.85 0.1 0 0 270.0267 86.2500
+ A 4.48 3.85 0.1 0 0 265.5400 90.0922
+ A 4.48 3.85 0.1 0 0 270.0133 93.9500
+ A 4.48 3.85 0.1 0 0 274.5000 90.1078
+ Z
+ M 178.7200 106.8000
+ A 3.83 3.17 90.0 0 0 181.8900 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 99.1400
+ A 3.83 3.17 90.0 0 0 175.5500 102.9700
+ A 3.83 3.17 90.0 0 0 178.7200 106.8000
+ Z
+ M 315.79 117.26
+ Q 309.12 119.09 307.00 126.19
+ Q 305.27 129.24 304.86 133.27
+ Q 303.99 141.76 308.19 148.48
+ C 311.60 153.93 318.00 157.61 324.55 156.71
+ C 333.09 155.53 338.83 148.02 340.07 139.82
+ C 341.43 130.86 337.72 121.17 329.47 117.06
+ Q 322.59 113.63 315.79 117.26
+ Z
+ M 156.5555 155.1664
+ A 8.97 6.41 71.1 0 0 159.7144 144.6037
+ A 8.97 6.41 71.1 0 0 150.7445 138.1936
+ A 8.97 6.41 71.1 0 0 147.5856 148.7563
+ A 8.97 6.41 71.1 0 0 156.5555 155.1664
+ Z
+ M 181.9534 158.2300
+ A 3.83 2.52 89.8 0 0 184.4600 154.3912
+ A 3.83 2.52 89.8 0 0 181.9266 150.5700
+ A 3.83 2.52 89.8 0 0 179.4200 154.4088
+ A 3.83 2.52 89.8 0 0 181.9534 158.2300
+ Z
+ M 165.21 199.40
+ A 5.13 5.13 0.0 0 0 160.08 194.27
+ A 5.13 5.13 0.0 0 0 154.95 199.40
+ A 5.13 5.13 0.0 0 0 160.08 204.53
+ A 5.13 5.13 0.0 0 0 165.21 199.40
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 153.42 93.67
+ A 0.29 0.29 0.0 0 1 153.01 93.63
+ L 152.74 93.31
+ A 23.45 16.45 50.2 0 1 150.37 64.76
+ L 150.45 64.70
+ A 23.45 16.45 50.2 0 1 178.09 72.18
+ L 178.36 72.51
+ A 0.29 0.29 0.0 0 1 178.33 72.91
+ L 153.42 93.67
+ Z"
+/>
+<ellipse fill="#000000" cx="291.88" cy="74.67" rx="7.05" ry="6.41"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(219.87,75.96) rotate(-15.9)" rx="8.33" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(270.02,90.10) rotate(0.1)" rx="4.48" ry="3.85"/>
+<path fill="#675600" d="
+ M 786.70 214.14
+ Q 789.31 228.33 795.58 242.20
+ Q 803.80 260.40 817.72 273.98
+ Q 816.95 288.52 813.14 301.98
+ Q 796.17 362.07 779.12 422.13
+ C 773.78 440.95 761.56 449.65 741.47 444.39
+ C 720.77 438.96 712.71 425.68 718.62 404.78
+ Q 734.10 350.07 749.72 295.01
+ Q 751.76 287.80 751.03 279.72
+ C 749.54 263.41 737.27 251.77 720.77 252.19
+ C 704.83 252.60 693.75 264.34 689.58 279.14
+ Q 673.78 335.18 658.41 389.07
+ C 654.24 403.69 644.95 413.22 628.83 411.59
+ C 613.33 410.16 597.41 402.39 597.01 384.75
+ Q 596.88 378.87 598.49 372.59
+ Q 604.93 366.70 608.36 358.05
+ Q 613.65 344.71 610.26 331.07
+ L 657.19 165.49
+ Q 658.60 164.28 660.33 162.78
+ Q 662.11 161.25 663.29 159.86
+ Q 679.01 141.38 670.49 117.73
+ Q 671.91 114.16 673.15 110.80
+ C 679.12 94.57 692.44 89.16 708.75 93.55
+ C 728.42 98.84 736.82 112.47 731.14 132.56
+ Q 719.33 174.34 707.00 217.77
+ Q 706.56 219.31 707.90 218.43
+ C 717.26 212.28 728.17 207.26 738.96 205.21
+ Q 763.59 200.54 786.70 214.14
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(178.72,102.97) rotate(90.0)" rx="3.83" ry="3.17"/>
+<path fill="#ad8f00" d="
+ M 918.03 285.21
+ C 916.90 285.94 915.59 285.96 914.49 286.48
+ Q 900.66 293.07 885.47 295.30
+ Q 881.69 295.86 878.05 296.37
+ Q 872.33 296.48 870.75 296.43
+ Q 840.34 295.49 817.72 273.98
+ Q 803.80 260.40 795.58 242.20
+ Q 789.31 228.33 786.70 214.14
+ C 779.50 175.83 792.27 134.33 829.83 117.52
+ Q 844.70 110.87 861.76 109.55
+ C 891.00 107.31 915.01 120.66 929.02 145.62
+ Q 936.75 159.39 939.77 173.49
+ C 943.87 192.64 928.16 197.50 913.95 201.53
+ Q 875.32 212.48 839.77 222.45
+ Q 839.26 222.59 839.41 223.11
+ C 843.89 238.82 857.17 247.47 873.12 248.98
+ Q 894.58 251.03 909.74 234.96
+ Q 914.74 229.68 919.80 224.01
+ Q 923.46 219.92 928.13 217.32
+ C 936.02 212.93 945.71 213.63 951.17 221.36
+ C 955.60 227.64 958.07 236.52 954.96 243.99
+ Q 943.86 270.71 918.46 284.41
+ Q 918.26 284.52 918.13 284.71
+ Q 917.93 285.03 918.03 285.21
+ Z
+ M 849.39 155.61
+ C 835.89 161.63 828.81 175.66 832.76 190.30
+ A 0.38 0.36 -14.6 0 0 833.22 190.56
+ L 888.07 175.09
+ A 0.38 0.37 74.2 0 0 888.33 174.62
+ C 883.28 156.77 866.74 147.87 849.39 155.61
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 249.92 155.02
+ Q 242.32 156.80 235.70 154.38
+ Q 226.60 150.36 223.12 141.42
+ Q 219.69 132.59 223.54 124.21
+ Q 223.70 131.02 227.83 134.92
+ C 238.71 145.19 256.46 133.75 250.20 119.52
+ Q 247.01 112.27 237.05 111.46
+ Q 251.00 107.11 260.44 118.06
+ C 264.44 122.71 266.25 129.11 265.60 135.30
+ Q 264.10 149.66 249.92 155.02
+ Z"
+/>
+<path fill="#000000" d="
+ M 237.05 111.46
+ Q 247.01 112.27 250.20 119.52
+ C 256.46 133.75 238.71 145.19 227.83 134.92
+ Q 223.70 131.02 223.54 124.21
+ Q 225.52 113.45 237.05 111.46
+ Z"
+/>
+<path fill="#272727" d="
+ M 657.19 165.49
+ L 610.26 331.07
+ C 605.79 318.94 596.32 312.37 583.93 309.37
+ Q 573.53 306.85 563.72 311.48
+ C 559.32 313.56 555.30 315.92 550.71 317.51
+ C 533.42 323.51 514.07 321.11 497.20 314.81
+ C 464.42 302.56 446.61 273.32 444.57 239.22
+ Q 442.39 202.80 459.49 168.55
+ C 469.80 147.89 486.41 129.36 507.57 120.27
+ C 534.33 108.78 565.17 114.30 588.04 131.28
+ Q 597.13 138.03 603.50 147.74
+ Q 603.52 147.77 605.73 151.30
+ Q 615.95 167.60 634.46 170.40
+ Q 645.71 172.10 657.19 165.49
+ Z
+ M 598.94 154.55
+ C 587.28 134.71 564.15 123.18 541.00 121.81
+ C 509.10 119.91 483.72 140.47 468.92 166.91
+ Q 451.82 197.45 451.79 232.04
+ C 451.77 262.79 465.47 292.79 494.79 305.74
+ C 511.20 312.99 532.36 316.74 549.35 309.94
+ C 556.63 307.02 562.86 302.71 571.44 301.37
+ C 584.00 299.40 597.82 304.90 607.19 312.92
+ A 0.30 0.30 0.0 0 0 607.68 312.77
+ L 645.90 177.93
+ A 0.24 0.24 0.0 0 0 645.63 177.63
+ C 626.60 180.44 608.42 170.69 598.94 154.55
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 307.00 126.19
+ Q 306.10 133.15 309.99 137.49
+ C 316.27 144.47 325.70 139.75 327.21 131.67
+ C 328.65 123.98 324.03 117.20 315.79 117.26
+ Q 322.59 113.63 329.47 117.06
+ C 337.72 121.17 341.43 130.86 340.07 139.82
+ C 338.83 148.02 333.09 155.53 324.55 156.71
+ C 318.00 157.61 311.60 153.93 308.19 148.48
+ Q 303.99 141.76 304.86 133.27
+ Q 305.27 129.24 307.00 126.19
+ Z"
+/>
+<path fill="#000000" d="
+ M 307.00 126.19
+ Q 309.12 119.09 315.79 117.26
+ C 324.03 117.20 328.65 123.98 327.21 131.67
+ C 325.70 139.75 316.27 144.47 309.99 137.49
+ Q 306.10 133.15 307.00 126.19
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(153.65,146.68) rotate(71.1)" rx="8.97" ry="6.41"/>
+<path fill="#272727" d="
+ M 317.00 172.38
+ C 311.31 178.31 304.05 183.66 295.37 183.12
+ C 291.29 182.87 286.11 179.91 281.92 178.08
+ Q 277.83 176.29 277.87 172.67
+ C 277.87 167.27 277.68 163.20 281.56 158.90
+ Q 285.19 154.88 289.69 152.11
+ C 295.49 148.52 300.76 150.39 306.81 151.85
+ Q 310.09 152.65 312.21 154.07
+ Q 317.77 157.82 319.01 163.74
+ Q 319.88 167.91 317.00 172.38
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(181.94,154.40) rotate(89.8)" rx="3.83" ry="2.52"/>
+<path fill="#272727" d="
+ M 832.76 190.30
+ C 828.81 175.66 835.89 161.63 849.39 155.61
+ C 866.74 147.87 883.28 156.77 888.33 174.62
+ A 0.38 0.37 74.2 0 1 888.07 175.09
+ L 833.22 190.56
+ A 0.38 0.36 -14.6 0 1 832.76 190.30
+ Z
+ M 878.12 169.75
+ C 873.12 161.28 863.38 158.20 854.35 161.66
+ Q 840.98 166.78 839.03 180.58
+ A 0.37 0.37 0.0 0 0 839.50 180.99
+ L 877.96 170.14
+ Q 878.29 170.04 878.12 169.75
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 235.70 154.38
+ Q 242.32 156.80 249.92 155.02
+ Q 263.86 158.94 273.84 170.15
+ Q 275.53 172.05 277.87 172.67
+ Q 277.83 176.29 281.92 178.08
+ C 286.11 179.91 291.29 182.87 295.37 183.12
+ C 304.05 183.66 311.31 178.31 317.00 172.38
+ Q 329.54 175.43 336.30 186.93
+ Q 337.38 188.77 338.69 190.80
+ Q 346.40 208.24 340.69 227.74
+ Q 337.94 237.16 331.52 243.28
+ Q 321.27 253.06 308.49 259.33
+ Q 298.19 264.13 287.32 267.54
+ Q 283.15 268.85 278.99 268.85
+ Q 261.72 268.84 245.26 263.24
+ Q 235.99 260.08 227.51 257.06
+ Q 220.71 254.07 214.44 250.92
+ Q 209.71 248.55 206.42 245.87
+ Q 201.99 242.25 197.51 238.96
+ C 190.01 233.44 187.17 223.82 187.90 214.78
+ C 188.74 204.43 193.08 194.59 198.06 185.35
+ C 204.74 172.98 214.51 165.13 226.64 158.13
+ Q 230.77 155.76 235.70 154.38
+ Z"
+/>
+<path fill="#9a111d" d="
+ M 133.98 192.58
+ Q 138.76 207.36 146.82 216.43
+ C 154.95 225.56 164.39 232.62 174.44 239.62
+ L 171.18 238.91
+ Q 170.70 238.80 170.25 238.98
+ Q 169.13 239.41 167.96 239.69
+ Q 166.73 239.99 165.68 240.50
+ Q 162.73 241.93 159.78 243.47
+ C 157.13 244.84 155.94 248.12 154.01 250.29
+ C 151.74 252.85 149.82 256.39 148.74 259.54
+ Q 146.67 265.58 146.55 259.20
+ C 146.51 256.91 147.03 251.91 145.33 250.13
+ A 1.51 1.50 -26.0 0 0 144.01 249.68
+ Q 140.77 250.14 137.50 251.94
+ Q 137.00 252.21 136.92 252.76
+ Q 136.58 255.11 134.24 255.40
+ C 131.95 255.68 129.84 256.43 127.48 256.49
+ Q 115.28 256.83 104.86 261.90
+ Q 101.72 263.43 103.95 260.73
+ Q 107.42 256.53 111.53 252.78
+ Q 112.35 252.03 113.27 251.60
+ C 114.91 250.83 116.16 249.87 117.93 249.29
+ Q 123.62 247.41 128.61 244.89
+ Q 131.89 243.23 136.64 243.01
+ Q 137.09 242.99 137.04 242.54
+ L 137.01 242.28
+ A 0.61 0.61 0.0 0 0 136.43 241.74
+ Q 129.76 241.55 123.04 241.88
+ Q 122.24 241.92 121.46 241.73
+ Q 119.16 241.17 120.68 240.00
+ Q 107.21 235.31 104.12 223.37
+ Q 103.43 220.70 103.74 217.43
+ Q 103.98 214.87 103.57 212.00
+ Q 103.02 208.16 103.41 202.01
+ Q 104.12 190.96 107.27 181.69
+ C 108.30 178.67 109.68 175.68 110.08 172.51
+ Q 110.30 170.75 111.39 169.23
+ A 0.57 0.57 0.0 0 1 112.32 169.24
+ C 112.88 170.05 113.61 170.84 114.01 171.73
+ C 115.86 175.88 117.21 180.19 120.26 183.69
+ Q 125.72 189.94 133.98 192.58
+ Z"
+/>
+<circle fill="#000000" cx="160.08" cy="199.40" r="5.13"/>
+<path fill="#e6cc4f" d="
+ M 1142.79 384.23
+ L 1136.52 287.98
+ Q 1134.45 256.27 1132.45 225.00
+ Q 1132.33 223.24 1132.52 221.18
+ Q 1134.24 202.14 1152.05 199.02
+ C 1170.72 195.75 1183.69 203.87 1184.98 223.25
+ Q 1187.48 260.95 1189.92 298.29
+ Q 1189.99 299.32 1190.63 298.51
+ C 1195.46 292.43 1200.55 287.02 1206.75 282.35
+ C 1221.05 271.55 1239.52 268.69 1256.61 273.76
+ C 1283.92 281.86 1296.54 306.96 1298.35 334.07
+ Q 1301.93 387.57 1305.44 441.21
+ C 1306.20 452.89 1302.27 463.15 1290.49 467.07
+ C 1279.28 470.80 1262.41 470.46 1255.96 458.20
+ Q 1252.76 452.12 1252.35 445.82
+ Q 1248.95 394.18 1245.79 346.92
+ Q 1245.33 339.95 1241.62 333.05
+ C 1235.01 320.73 1220.19 316.06 1207.71 322.88
+ C 1196.43 329.04 1192.67 340.57 1193.51 353.14
+ Q 1196.73 401.36 1199.76 448.09
+ C 1200.51 459.71 1196.94 470.06 1184.98 474.00
+ C 1174.30 477.51 1160.29 477.47 1152.54 467.95
+ Q 1148.37 462.85 1147.71 453.73
+ Q 1145.20 419.22 1142.79 384.23
+ Z"
+/>
+<path fill="#d41e1e" d="
+ M 174.44 239.62
+ Q 180.84 244.36 188.27 247.44
+ Q 193.10 249.44 203.48 251.63
+ Q 215.29 254.12 227.51 257.06
+ Q 235.99 260.08 245.26 263.24
+ Q 261.72 268.84 278.99 268.85
+ Q 283.15 268.85 287.32 267.54
+ Q 298.19 264.13 308.49 259.33
+ C 312.90 268.31 306.32 281.11 302.51 289.27
+ Q 302.25 289.83 302.81 290.09
+ Q 304.00 290.66 305.08 291.37
+ C 310.04 294.68 306.85 300.25 303.87 303.45
+ C 298.49 309.20 292.76 314.27 286.09 316.14
+ Q 283.80 316.78 283.01 317.11
+ C 278.93 317.77 274.80 318.48 270.68 318.56
+ Q 260.22 318.76 249.92 318.90
+ C 244.63 318.96 239.16 318.47 234.25 317.22
+ Q 223.39 314.47 212.04 311.43
+ Q 209.54 310.77 203.96 307.46
+ Q 195.21 301.06 187.53 292.94
+ C 186.44 291.78 185.07 290.80 183.97 289.61
+ Q 182.89 288.45 180.84 287.84
+ Q 176.97 286.69 173.33 286.09
+ Q 163.57 283.97 160.81 282.44
+ Q 156.29 279.95 152.09 277.42
+ C 149.82 276.06 149.09 269.15 148.58 266.47
+ A 1.09 1.09 0.0 0 0 146.75 265.89
+ C 145.75 266.86 144.93 267.58 143.62 268.11
+ C 133.50 272.20 126.45 279.12 118.87 286.63
+ C 113.69 291.76 105.94 296.02 98.40 295.85
+ Q 86.29 295.59 75.97 289.61
+ Q 65.82 283.73 58.43 280.80
+ Q 57.53 280.45 58.50 280.35
+ C 60.73 280.13 63.88 279.40 65.52 277.71
+ Q 71.36 271.65 75.13 263.37
+ C 77.74 257.62 81.29 250.99 87.38 248.31
+ Q 90.04 247.13 92.63 245.55
+ Q 98.04 242.24 101.99 241.95
+ Q 110.48 241.30 120.68 240.00
+ Q 119.16 241.17 121.46 241.73
+ Q 122.24 241.92 123.04 241.88
+ Q 129.76 241.55 136.43 241.74
+ A 0.61 0.61 0.0 0 1 137.01 242.28
+ L 137.04 242.54
+ Q 137.09 242.99 136.64 243.01
+ Q 131.89 243.23 128.61 244.89
+ Q 123.62 247.41 117.93 249.29
+ C 116.16 249.87 114.91 250.83 113.27 251.60
+ Q 112.35 252.03 111.53 252.78
+ Q 107.42 256.53 103.95 260.73
+ Q 101.72 263.43 104.86 261.90
+ Q 115.28 256.83 127.48 256.49
+ C 129.84 256.43 131.95 255.68 134.24 255.40
+ Q 136.58 255.11 136.92 252.76
+ Q 137.00 252.21 137.50 251.94
+ Q 140.77 250.14 144.01 249.68
+ A 1.51 1.50 -26.0 0 1 145.33 250.13
+ C 147.03 251.91 146.51 256.91 146.55 259.20
+ Q 146.67 265.58 148.74 259.54
+ C 149.82 256.39 151.74 252.85 154.01 250.29
+ C 155.94 248.12 157.13 244.84 159.78 243.47
+ Q 162.73 241.93 165.68 240.50
+ Q 166.73 239.99 167.96 239.69
+ Q 169.13 239.41 170.25 238.98
+ Q 170.70 238.80 171.18 238.91
+ L 174.44 239.62
+ Z"
+/>
+<path fill="#dba200" d="
+ M 918.03 285.21
+ C 934.78 285.69 952.34 291.36 966.37 300.81
+ C 984.35 312.92 994.66 331.25 996.13 353.26
+ Q 996.35 356.52 996.13 358.22
+ Q 985.92 373.24 987.18 391.24
+ Q 987.40 394.43 987.76 397.42
+ C 980.29 408.21 967.26 405.08 956.70 402.13
+ Q 918.12 391.36 880.08 380.47
+ Q 879.43 380.29 879.26 380.94
+ C 875.55 395.36 880.46 408.35 891.48 418.04
+ Q 909.69 434.05 933.13 427.75
+ Q 941.38 425.53 948.58 423.42
+ C 959.95 420.09 973.36 423.95 975.35 436.89
+ C 976.46 444.10 973.46 454.21 967.39 458.71
+ C 943.90 476.14 914.79 478.61 887.68 469.23
+ Q 844.25 454.19 833.61 410.19
+ Q 829.92 394.92 831.72 377.29
+ C 835.04 344.76 850.44 314.16 878.05 296.37
+ Q 881.69 295.86 885.47 295.30
+ Q 900.66 293.07 914.49 286.48
+ C 915.59 285.96 916.90 285.94 918.03 285.21
+ Z
+ M 891.35 349.92
+ L 946.33 365.48
+ A 0.24 0.24 0.0 0 0 946.62 365.31
+ L 946.93 364.23
+ A 28.25 28.19 -74.2 0 0 927.50 329.37
+ L 926.31 329.03
+ A 28.25 28.19 -74.2 0 0 891.49 348.54
+ L 891.18 349.63
+ A 0.24 0.24 0.0 0 0 891.35 349.92
+ Z"
+/>
+<path fill="#f6e034" d="
+ M 173.33 286.09
+ Q 176.97 286.69 180.84 287.84
+ Q 182.89 288.45 183.97 289.61
+ C 185.07 290.80 186.44 291.78 187.53 292.94
+ Q 195.21 301.06 203.96 307.46
+ Q 201.50 321.01 201.19 325.25
+ Q 200.35 336.58 199.18 348.46
+ Q 198.40 356.33 196.35 365.83
+ Q 194.11 376.23 193.16 385.39
+ Q 192.11 395.58 190.44 404.27
+ Q 188.81 412.80 187.68 420.64
+ Q 186.25 430.58 185.93 438.85
+ Q 185.57 448.08 186.95 479.73
+ C 187.26 486.66 189.98 492.87 193.36 498.78
+ Q 195.38 502.31 196.49 505.83
+ Q 198.62 512.55 204.58 521.05
+ Q 205.95 523.00 208.25 524.39
+ Q 220.36 531.73 232.56 538.68
+ C 236.91 541.15 241.40 542.95 246.16 544.56
+ C 254.78 547.49 263.73 547.02 272.81 547.08
+ Q 276.89 547.11 280.65 545.84
+ Q 290.40 542.57 298.76 536.51
+ Q 307.86 529.92 311.03 526.78
+ Q 315.40 522.45 319.87 513.50
+ Q 319.80 524.64 316.18 534.41
+ Q 314.84 538.00 314.49 540.95
+ Q 308.45 590.89 300.45 640.56
+ C 299.36 647.33 298.04 653.80 296.64 660.40
+ Q 296.52 660.96 296.92 661.38
+ L 309.26 674.37
+ A 9.00 8.88 -4.2 0 0 310.74 675.63
+ Q 322.58 683.83 335.76 692.29
+ Q 363.83 710.29 394.39 721.21
+ Q 404.97 724.99 413.07 728.34
+ C 443.39 740.92 476.16 750.02 508.21 756.54
+ Q 518.63 758.66 527.48 760.84
+ C 553.69 767.30 579.65 772.94 608.49 777.84
+ Q 653.29 785.44 700.09 792.12
+ Q 720.06 794.97 742.00 797.28
+ Q 816.48 805.12 888.53 811.15
+ Q 897.64 811.91 907.93 812.30
+ Q 942.93 813.62 978.64 812.80
+ Q 988.90 812.56 998.42 811.30
+ Q 1020.92 808.31 1041.56 803.72
+ C 1066.62 798.14 1089.83 789.24 1111.04 774.92
+ Q 1116.55 771.20 1120.94 766.11
+ C 1144.20 739.17 1156.40 707.64 1153.31 671.82
+ Q 1152.80 666.00 1150.73 658.58
+ Q 1145.52 639.98 1143.52 619.81
+ C 1143.22 616.78 1143.30 613.76 1142.95 610.71
+ Q 1142.69 609.92 1143.31 609.94
+ Q 1143.67 615.31 1145.08 626.24
+ Q 1145.44 629.05 1146.32 631.65
+ Q 1146.49 632.15 1146.61 631.63
+ Q 1151.51 610.57 1159.03 596.80
+ C 1174.68 568.16 1204.36 556.79 1235.97 565.44
+ Q 1237.93 565.97 1239.43 567.45
+ C 1258.28 585.87 1274.67 607.37 1282.81 632.15
+ Q 1282.98 632.65 1283.47 632.46
+ Q 1283.65 632.39 1283.63 632.20
+ Q 1283.61 632.06 1283.53 631.95
+ Q 1283.46 631.84 1283.47 631.71
+ L 1287.46 595.81
+ C 1287.70 597.70 1287.93 599.61 1287.74 601.50
+ Q 1286.62 612.55 1285.25 624.64
+ Q 1282.54 648.75 1275.56 669.04
+ C 1271.36 681.26 1266.75 694.78 1260.23 705.61
+ C 1245.13 730.73 1222.52 750.83 1197.98 767.82
+ C 1187.13 775.32 1176.28 783.09 1164.91 789.14
+ C 1133.34 805.96 1098.40 817.35 1063.56 823.07
+ Q 1056.41 824.24 1048.50 826.32
+ Q 1029.74 831.25 1009.00 833.06
+ C 975.35 836.01 941.80 834.88 907.99 833.45
+ Q 898.20 833.04 888.09 831.89
+ Q 852.83 827.89 814.04 824.68
+ Q 793.04 822.94 768.04 820.15
+ C 723.35 815.17 673.27 805.06 624.78 797.93
+ Q 576.36 790.81 528.18 778.48
+ Q 518.81 776.08 508.83 773.45
+ Q 473.61 764.15 438.84 751.89
+ Q 406.21 740.39 376.17 727.90
+ Q 344.74 714.83 314.70 694.78
+ Q 305.55 688.68 294.54 680.10
+ Q 294.04 679.71 293.80 680.29
+ L 291.54 685.60
+ Q 290.00 688.28 288.19 690.54
+ C 287.31 691.63 287.00 692.83 286.80 694.16
+ Q 286.64 695.23 286.33 694.19
+ Q 286.21 693.78 286.10 693.38
+ Q 285.89 692.69 285.28 693.07
+ C 279.72 696.59 275.18 695.45 269.22 695.13
+ Q 264.21 694.85 261.73 693.70
+ Q 256.46 691.23 258.96 683.82
+ Q 259.89 681.07 260.75 678.54
+ Q 267.32 669.81 268.60 661.74
+ Q 269.71 655.69 270.82 650.44
+ Q 271.35 647.93 271.51 645.50
+ Q 271.68 642.92 271.83 640.51
+ Q 272.67 632.41 272.72 621.74
+ Q 272.92 584.84 271.24 552.53
+ Q 271.21 552.02 270.71 552.11
+ Q 261.08 553.76 250.08 553.65
+ L 233.20 551.29
+ Q 232.72 551.22 232.37 551.53
+ L 232.03 551.83
+ Q 228.75 550.69 225.21 550.69
+ Q 224.65 550.69 224.22 551.02
+ Q 203.45 566.96 187.55 589.47
+ Q 183.86 594.70 182.60 599.38
+ C 179.46 611.16 184.04 624.21 191.56 633.43
+ Q 195.41 638.15 198.72 642.70
+ Q 203.45 649.19 214.25 657.20
+ C 223.11 663.78 232.16 670.00 239.88 677.92
+ Q 240.24 678.27 240.31 678.77
+ L 240.83 682.43
+ Q 241.80 692.24 239.94 700.50
+ Q 239.36 703.07 238.07 706.87
+ Q 236.21 711.80 233.18 715.33
+ Q 227.90 713.07 225.25 713.03
+ Q 221.20 712.96 217.05 713.03
+ Q 216.55 713.04 216.16 713.36
+ Q 213.51 715.55 210.94 719.78
+ Q 212.58 705.06 211.70 698.00
+ C 210.78 690.66 208.46 684.22 202.71 680.07
+ Q 202.32 679.79 201.81 679.91
+ Q 201.93 679.87 201.99 679.69
+ A 0.28 0.28 0.0 0 0 201.87 679.35
+ C 197.22 676.38 192.16 674.58 187.29 672.02
+ C 164.22 659.93 139.44 638.99 141.55 609.91
+ C 142.63 595.04 150.41 579.98 158.98 567.82
+ Q 161.84 563.77 163.67 559.28
+ Q 167.75 549.28 170.78 539.14
+ Q 171.03 538.30 170.83 537.46
+ Q 168.34 527.35 165.74 518.05
+ Q 164.32 512.96 161.73 507.98
+ Q 156.86 498.61 152.14 489.06
+ A 0.41 0.40 57.2 0 0 151.52 488.92
+ Q 149.19 490.81 148.04 493.59
+ Q 145.24 500.36 142.13 510.23
+ C 141.46 512.36 140.73 514.50 139.41 516.34
+ C 128.50 531.60 112.65 538.76 95.90 545.67
+ Q 86.69 549.46 79.48 550.60
+ C 66.16 552.69 52.87 549.97 39.84 547.45
+ C 28.96 545.34 19.09 537.05 13.09 527.08
+ C 5.50 514.46 5.47 500.31 14.97 488.47
+ Q 20.41 495.90 29.92 493.35
+ C 35.08 491.97 38.69 487.33 35.10 482.09
+ L 42.05 483.14
+ Q 40.11 486.59 40.25 491.36
+ C 40.33 494.40 41.66 497.69 44.21 499.37
+ Q 49.49 502.84 56.15 503.57
+ Q 62.40 504.25 65.98 503.38
+ Q 76.71 500.78 83.01 496.59
+ Q 90.37 491.70 86.97 483.16
+ Q 87.92 482.73 88.56 481.70
+ Q 88.83 481.27 88.74 480.76
+ C 86.62 469.39 79.69 460.52 71.96 452.26
+ Q 69.03 449.14 65.99 446.61
+ C 52.80 435.68 50.55 413.91 59.07 399.17
+ C 63.26 391.92 71.35 385.59 78.72 381.00
+ Q 86.77 375.99 94.87 370.39
+ Q 99.10 367.47 105.53 361.51
+ C 112.98 354.61 121.53 348.32 129.92 342.08
+ C 139.69 334.80 146.81 326.94 151.04 316.09
+ Q 152.74 311.72 154.94 308.24
+ C 160.26 299.84 165.52 292.45 173.33 286.09
+ Z
+ M 176.7967 316.3900
+ A 3.84 2.53 89.9 0 0 179.3200 312.5456
+ A 3.84 2.53 89.9 0 0 176.7833 308.7100
+ A 3.84 2.53 89.9 0 0 174.2600 312.5544
+ A 3.84 2.53 89.9 0 0 176.7967 316.3900
+ Z
+ M 146.5923 353.6700
+ A 7.05 5.77 89.9 0 0 152.3500 346.6099
+ A 7.05 5.77 89.9 0 0 146.5677 339.5700
+ A 7.05 5.77 89.9 0 0 140.8100 346.6301
+ A 7.05 5.77 89.9 0 0 146.5923 353.6700
+ Z
+ M 180.0100 363.9600
+ A 4.47 3.17 90.0 0 0 183.1800 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 355.0200
+ A 4.47 3.17 90.0 0 0 176.8400 359.4900
+ A 4.47 3.17 90.0 0 0 180.0100 363.9600
+ Z
+ M 119.12 422.41
+ Q 135.76 429.60 148.07 443.68
+ Q 148.91 444.64 148.92 443.37
+ Q 148.97 435.47 150.46 428.45
+ Q 151.34 424.30 153.69 417.97
+ Q 159.99 400.99 164.45 387.26
+ Q 169.32 372.22 167.30 357.62
+ A 0.68 0.68 0.0 0 0 166.21 357.17
+ C 159.47 362.32 153.52 367.25 145.32 370.89
+ Q 137.03 374.57 127.86 378.41
+ C 117.93 382.57 109.16 387.92 104.13 397.54
+ C 102.00 401.63 100.99 408.32 104.31 412.19
+ C 108.10 416.60 113.74 420.08 119.12 422.41
+ Z
+ M 180.6500 392.2400
+ A 6.40 5.13 90.0 0 0 185.7800 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 379.4400
+ A 6.40 5.13 90.0 0 0 175.5200 385.8400
+ A 6.40 5.13 90.0 0 0 180.6500 392.2400
+ Z
+ M 88.04 398.70
+ A 3.82 3.82 0.0 0 0 84.22 394.88
+ A 3.82 3.82 0.0 0 0 80.40 398.70
+ A 3.82 3.82 0.0 0 0 84.22 402.52
+ A 3.82 3.82 0.0 0 0 88.04 398.70
+ Z
+ M 108.0000 444.9600
+ A 6.40 4.49 90.0 0 0 112.4900 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 432.1600
+ A 6.40 4.49 90.0 0 0 103.5100 438.5600
+ A 6.40 4.49 90.0 0 0 108.0000 444.9600
+ Z
+ M 158.8805 441.9940
+ A 4.47 3.17 114.3 0 0 163.6091 439.2245
+ A 4.47 3.17 114.3 0 0 162.5595 433.8460
+ A 4.47 3.17 114.3 0 0 157.8309 436.6155
+ A 4.47 3.17 114.3 0 0 158.8805 441.9940
+ Z
+ M 123.4400 482.2600
+ A 5.77 4.49 90.0 0 0 127.9300 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 470.7200
+ A 5.77 4.49 90.0 0 0 118.9500 476.4900
+ A 5.77 4.49 90.0 0 0 123.4400 482.2600
+ Z
+ M 168.4277 500.2500
+ A 7.05 5.77 90.1 0 0 174.2100 493.2101
+ A 7.05 5.77 90.1 0 0 168.4523 486.1500
+ A 7.05 5.77 90.1 0 0 162.6700 493.1899
+ A 7.05 5.77 90.1 0 0 168.4277 500.2500
+ Z
+ M 36.6934 503.6706
+ A 10.25 7.69 -22.3 0 0 24.2920 500.4451
+ A 10.25 7.69 -22.3 0 0 17.7266 511.4494
+ A 10.25 7.69 -22.3 0 0 30.1280 514.6749
+ A 10.25 7.69 -22.3 0 0 36.6934 503.6706
+ Z
+ M 109.8178 524.4051
+ A 10.89 8.34 129.4 0 0 123.1746 521.2837
+ A 10.89 8.34 129.4 0 0 123.6422 507.5749
+ A 10.89 8.34 129.4 0 0 110.2854 510.6963
+ A 10.89 8.34 129.4 0 0 109.8178 524.4051
+ Z
+ M 65.6329 538.1020
+ A 8.97 5.13 20.3 0 0 58.9998 530.1786
+ A 8.97 5.13 20.3 0 0 48.8071 531.8780
+ A 8.97 5.13 20.3 0 0 55.4402 539.8014
+ A 8.97 5.13 20.3 0 0 65.6329 538.1020
+ Z
+ M 193.5100 542.6900
+ A 5.13 3.84 90.0 0 0 197.3500 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 532.4300
+ A 5.13 3.84 90.0 0 0 189.6700 537.5600
+ A 5.13 3.84 90.0 0 0 193.5100 542.6900
+ Z
+ M 294.4232 574.8299
+ A 5.12 4.49 90.3 0 0 298.9399 569.7335
+ A 5.12 4.49 90.3 0 0 294.4768 564.5901
+ A 5.12 4.49 90.3 0 0 289.9601 569.6865
+ A 5.12 4.49 90.3 0 0 294.4232 574.8299
+ Z
+ M 157.8726 614.5204
+ A 7.68 4.49 101.7 0 0 163.8267 607.9105
+ A 7.68 4.49 101.7 0 0 160.9874 599.4796
+ A 7.68 4.49 101.7 0 0 155.0333 606.0895
+ A 7.68 4.49 101.7 0 0 157.8726 614.5204
+ Z
+ M 282.3822 635.2489
+ A 10.90 6.41 89.2 0 0 288.6394 624.2605
+ A 10.90 6.41 89.2 0 0 282.0778 613.4511
+ A 10.90 6.41 89.2 0 0 275.8206 624.4395
+ A 10.90 6.41 89.2 0 0 282.3822 635.2489
+ Z
+ M 173.5979 646.8300
+ A 5.12 4.49 89.8 0 0 178.0700 641.6943
+ A 5.12 4.49 89.8 0 0 173.5621 636.5900
+ A 5.12 4.49 89.8 0 0 169.0900 641.7257
+ A 5.12 4.49 89.8 0 0 173.5979 646.8300
+ Z
+ M 283.4787 685.4099
+ A 4.48 3.83 90.4 0 0 287.3399 680.9567
+ A 4.48 3.83 90.4 0 0 283.5413 676.4501
+ A 4.48 3.83 90.4 0 0 279.6801 680.9033
+ A 4.48 3.83 90.4 0 0 283.4787 685.4099
+ Z
+ M 228.2200 690.5778
+ A 4.49 3.84 0.1 0 0 223.7367 686.7300
+ A 4.49 3.84 0.1 0 0 219.2400 690.5622
+ A 4.49 3.84 0.1 0 0 223.7233 694.4100
+ A 4.49 3.84 0.1 0 0 228.2200 690.5778
+ Z"
+/>
+<path fill="#f9f4d8" d="
+ M 203.96 307.46
+ Q 209.54 310.77 212.04 311.43
+ Q 223.39 314.47 234.25 317.22
+ C 239.16 318.47 244.63 318.96 249.92 318.90
+ Q 260.22 318.76 270.68 318.56
+ C 274.80 318.48 278.93 317.77 283.01 317.11
+ Q 283.35 317.69 283.33 317.37
+ Q 283.14 318.02 283.20 318.49
+ Q 283.74 323.17 284.34 327.83
+ Q 284.87 331.91 284.91 337.21
+ Q 284.95 343.54 285.60 349.89
+ Q 285.74 355.81 285.71 362.00
+ Q 285.64 376.25 292.61 388.16
+ C 294.76 391.84 296.98 395.27 298.84 399.08
+ Q 308.01 417.90 313.80 440.05
+ Q 317.68 454.88 318.84 468.04
+ C 319.16 471.57 318.92 476.16 319.27 480.27
+ Q 320.27 491.99 320.45 503.75
+ Q 320.53 509.06 319.87 513.50
+ Q 315.40 522.45 311.03 526.78
+ Q 307.86 529.92 298.76 536.51
+ Q 290.40 542.57 280.65 545.84
+ Q 276.89 547.11 272.81 547.08
+ C 263.73 547.02 254.78 547.49 246.16 544.56
+ C 241.40 542.95 236.91 541.15 232.56 538.68
+ Q 220.36 531.73 208.25 524.39
+ Q 205.95 523.00 204.58 521.05
+ Q 198.62 512.55 196.49 505.83
+ Q 195.38 502.31 193.36 498.78
+ C 189.98 492.87 187.26 486.66 186.95 479.73
+ Q 185.57 448.08 185.93 438.85
+ Q 186.25 430.58 187.68 420.64
+ Q 188.81 412.80 190.44 404.27
+ Q 192.11 395.58 193.16 385.39
+ Q 194.11 376.23 196.35 365.83
+ Q 198.40 356.33 199.18 348.46
+ Q 200.35 336.58 201.19 325.25
+ Q 201.50 321.01 203.96 307.46
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(176.79,312.55) rotate(89.9)" rx="3.84" ry="2.53"/>
+<path fill="#f6e034" d="
+ M 283.33 317.37
+ Q 288.57 320.46 290.90 321.11
+ Q 311.84 326.91 324.15 329.46
+ C 333.45 331.39 343.53 332.75 352.99 331.40
+ Q 361.92 330.12 371.23 328.82
+ Q 384.02 327.02 396.44 329.76
+ Q 396.63 329.91 396.87 329.99
+ Q 397.25 330.11 397.49 330.43
+ L 406.65 342.96
+ C 406.31 344.51 406.08 346.08 405.10 347.38
+ C 391.24 365.89 375.83 388.07 374.04 411.35
+ Q 373.55 417.67 373.45 423.89
+ Q 373.26 435.93 377.81 447.71
+ Q 378.09 448.44 378.58 448.97
+ Q 378.48 449.23 378.58 449.46
+ Q 384.60 463.84 396.01 472.74
+ Q 398.86 474.96 401.67 477.31
+ C 408.83 483.28 418.06 486.71 427.25 487.59
+ Q 435.74 488.41 443.79 487.40
+ C 447.11 486.71 454.62 484.60 457.29 486.76
+ C 464.64 492.71 465.90 502.74 463.20 511.24
+ Q 459.10 524.15 452.70 532.71
+ Q 447.00 540.33 441.95 546.94
+ Q 432.66 556.61 423.96 561.98
+ Q 399.15 577.30 370.30 566.48
+ Q 361.88 564.57 355.09 559.67
+ Q 340.65 549.26 335.22 531.74
+ Q 333.69 526.82 333.55 519.91
+ Q 333.19 501.72 333.44 489.42
+ Q 333.73 475.25 335.44 458.35
+ C 337.39 439.00 341.08 420.82 347.66 404.00
+ C 349.51 399.27 350.89 394.26 353.08 389.62
+ Q 356.76 381.80 362.35 372.99
+ C 364.79 369.14 367.35 362.68 363.27 359.06
+ Q 361.80 357.75 359.38 357.83
+ Q 340.57 358.44 320.02 354.67
+ Q 306.79 352.25 294.30 349.42
+ C 291.43 348.77 287.95 346.87 285.60 349.89
+ Q 284.95 343.54 284.91 337.21
+ Q 284.87 331.91 284.34 327.83
+ Q 283.74 323.17 283.20 318.49
+ Q 283.14 318.02 283.33 317.37
+ Z
+ M 304.0900 347.2500
+ A 5.77 5.13 90.0 0 0 309.2200 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 335.7100
+ A 5.77 5.13 90.0 0 0 298.9600 341.4800
+ A 5.77 5.13 90.0 0 0 304.0900 347.2500
+ Z
+ M 359.3910 352.3600
+ A 3.16 2.54 89.8 0 0 361.9200 349.1911
+ A 3.16 2.54 89.8 0 0 359.3690 346.0400
+ A 3.16 2.54 89.8 0 0 356.8400 349.2089
+ A 3.16 2.54 89.8 0 0 359.3910 352.3600
+ Z
+ M 353.5799 438.5199
+ A 3.83 3.16 90.3 0 0 356.7600 434.7065
+ A 3.83 3.16 90.3 0 0 353.6201 430.8601
+ A 3.83 3.16 90.3 0 0 350.4400 434.6735
+ A 3.83 3.16 90.3 0 0 353.5799 438.5199
+ Z
+ M 353.6785 491.4037
+ A 11.54 4.49 72.3 0 0 354.4475 479.0449
+ A 11.54 4.49 72.3 0 0 346.6615 469.4163
+ A 11.54 4.49 72.3 0 0 345.8925 481.7751
+ A 11.54 4.49 72.3 0 0 353.6785 491.4037
+ Z
+ M 387.65 498.34
+ A 4.48 4.48 0.0 0 0 383.17 493.86
+ A 4.48 4.48 0.0 0 0 378.69 498.34
+ A 4.48 4.48 0.0 0 0 383.17 502.82
+ A 4.48 4.48 0.0 0 0 387.65 498.34
+ Z
+ M 395.2258 544.0332
+ A 17.41 11.13 17.7 0 0 382.0239 528.1369
+ A 17.41 11.13 17.7 0 0 362.0542 533.4468
+ A 17.41 11.13 17.7 0 0 375.2561 549.3431
+ A 17.41 11.13 17.7 0 0 395.2258 544.0332
+ Z"
+/>
+<path fill="#272727" d="
+ M 891.35 349.92
+ A 0.24 0.24 0.0 0 1 891.18 349.63
+ L 891.49 348.54
+ A 28.25 28.19 -74.2 0 1 926.31 329.03
+ L 927.50 329.37
+ A 28.25 28.19 -74.2 0 1 946.93 364.23
+ L 946.62 365.31
+ A 0.24 0.24 0.0 0 1 946.33 365.48
+ L 891.35 349.92
+ Z
+ M 933.29 340.47
+ C 923.70 333.20 908.83 334.19 901.37 344.58
+ A 0.28 0.28 0.0 0 0 901.52 345.01
+ L 939.69 355.83
+ Q 940.38 356.02 940.35 355.31
+ Q 939.93 345.51 933.29 340.47
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(304.09,341.48) rotate(90.0)" rx="5.77" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(146.58,346.62) rotate(89.9)" rx="7.05" ry="5.77"/>
+<path fill="#272727" d="
+ M 406.65 342.96
+ Q 406.77 343.34 407.25 343.50
+ Q 407.72 343.66 408.05 344.03
+ Q 421.37 358.65 437.67 369.33
+ C 410.21 387.57 390.46 415.07 379.45 445.98
+ Q 378.69 448.11 378.58 448.97
+ Q 378.09 448.44 377.81 447.71
+ Q 373.26 435.93 373.45 423.89
+ Q 373.55 417.67 374.04 411.35
+ C 375.83 388.07 391.24 365.89 405.10 347.38
+ C 406.08 346.08 406.31 344.51 406.65 342.96
+ Z
+ M 387.03 390.74
+ Q 380.66 405.57 381.07 422.49
+ Q 381.09 423.24 381.43 422.58
+ C 392.10 401.93 405.94 384.30 424.14 369.81
+ Q 424.71 369.35 424.12 368.92
+ Q 416.94 363.59 409.02 355.85
+ Q 408.56 355.41 408.19 355.92
+ C 400.16 366.70 392.38 378.31 387.03 390.74
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(359.38,349.20) rotate(89.8)" rx="3.16" ry="2.54"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(180.01,359.49) rotate(90.0)" rx="4.47" ry="3.17"/>
+<path fill="#272727" d="
+ M 119.12 422.41
+ C 113.74 420.08 108.10 416.60 104.31 412.19
+ C 100.99 408.32 102.00 401.63 104.13 397.54
+ C 109.16 387.92 117.93 382.57 127.86 378.41
+ Q 137.03 374.57 145.32 370.89
+ C 153.52 367.25 159.47 362.32 166.21 357.17
+ A 0.68 0.68 0.0 0 1 167.30 357.62
+ Q 169.32 372.22 164.45 387.26
+ Q 159.99 400.99 153.69 417.97
+ Q 151.34 424.30 150.46 428.45
+ Q 148.97 435.47 148.92 443.37
+ Q 148.91 444.64 148.07 443.68
+ Q 135.76 429.60 119.12 422.41
+ Z
+ M 136.80 382.73
+ Q 129.37 385.60 122.39 389.44
+ C 116.92 392.46 108.55 399.92 109.82 406.73
+ Q 109.91 407.26 110.28 407.66
+ Q 113.46 411.10 117.55 413.17
+ C 126.22 417.57 134.76 421.35 142.37 427.83
+ A 0.36 0.36 0.0 0 0 142.96 427.61
+ C 143.81 422.46 145.91 417.96 147.59 413.09
+ Q 151.31 402.23 155.37 391.08
+ Q 158.94 381.26 160.10 372.01
+ Q 160.19 371.33 159.60 371.68
+ Q 149.00 378.02 136.80 382.73
+ Z"
+/>
+<path fill="#73bc0b" d="
+ M 437.67 369.33
+ Q 460.73 383.76 486.90 390.40
+ C 521.09 399.06 555.05 394.77 586.95 379.91
+ Q 593.42 376.90 598.49 372.59
+ Q 596.88 378.87 597.01 384.75
+ C 597.41 402.39 613.33 410.16 628.83 411.59
+ C 628.72 430.05 615.86 444.10 597.16 443.76
+ C 585.78 443.56 578.28 438.40 569.54 432.01
+ C 551.05 418.50 527.31 414.92 504.96 419.24
+ C 481.35 423.79 463.40 438.97 452.97 460.23
+ Q 446.67 473.08 443.79 487.40
+ Q 435.74 488.41 427.25 487.59
+ C 418.06 486.71 408.83 483.28 401.67 477.31
+ Q 398.86 474.96 396.01 472.74
+ Q 384.60 463.84 378.58 449.46
+ Q 378.48 449.23 378.58 448.97
+ Q 378.69 448.11 379.45 445.98
+ C 390.46 415.07 410.21 387.57 437.67 369.33
+ Z"
+/>
+<path fill="#272727" d="
+ M 1073.63 377.07
+ C 1079.91 379.79 1092.06 387.06 1087.97 395.65
+ C 1085.54 400.75 1079.84 403.16 1074.52 403.71
+ C 1063.29 404.86 1049.24 402.01 1041.12 393.45
+ C 1034.76 386.75 1036.21 376.65 1045.56 373.70
+ C 1054.14 371.00 1065.43 373.50 1073.63 377.07
+ Z
+ M 1080.72 390.83
+ C 1073.37 382.99 1059.91 379.25 1049.91 380.31
+ C 1047.37 380.58 1044.08 381.99 1044.82 385.15
+ C 1046.08 390.53 1054.80 394.09 1059.84 395.27
+ C 1066.27 396.78 1076.35 397.77 1080.69 393.36
+ A 1.83 1.83 0.0 0 0 1080.72 390.83
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(180.65,385.84) rotate(90.0)" rx="6.40" ry="5.13"/>
+<circle fill="#000000" cx="84.22" cy="398.70" r="3.82"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(353.60,434.69) rotate(90.3)" rx="3.83" ry="3.16"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(108.00,438.56) rotate(90.0)" rx="6.40" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(160.72,437.92) rotate(114.3)" rx="4.47" ry="3.17"/>
+<path fill="#272727" d="
+ M 752.86 484.77
+ Q 759.40 477.73 770.55 470.56
+ Q 792.08 456.69 817.37 462.40
+ C 829.37 465.11 839.76 471.87 845.55 482.70
+ C 856.96 504.04 846.75 529.99 824.23 537.93
+ C 815.15 541.13 804.17 540.60 794.68 539.54
+ C 780.92 538.00 766.18 549.97 767.27 564.31
+ Q 771.12 615.08 775.71 675.93
+ C 777.76 703.19 760.31 716.79 734.26 716.10
+ C 712.95 715.53 701.34 701.52 699.78 680.79
+ Q 693.24 594.34 686.94 510.94
+ C 685.76 495.38 691.06 480.21 706.25 473.66
+ Q 714.84 469.97 724.51 469.94
+ Q 742.32 469.89 751.99 484.70
+ Q 752.38 485.29 752.86 484.77
+ Z
+ M 749.58 500.79
+ C 748.13 486.48 737.90 476.86 723.19 477.48
+ C 707.62 478.13 695.96 485.83 694.59 502.48
+ Q 694.12 508.13 694.72 515.78
+ Q 701.07 596.97 706.74 674.06
+ C 707.29 681.65 707.82 688.79 711.37 695.72
+ C 717.09 706.90 729.11 709.41 740.55 708.46
+ C 760.98 706.77 769.70 695.32 768.16 675.27
+ Q 764.13 622.43 759.76 564.54
+ C 758.81 551.93 766.77 541.17 777.71 535.55
+ C 784.73 531.94 790.93 531.48 798.97 532.38
+ C 809.27 533.54 820.87 533.08 829.47 526.96
+ C 840.73 518.96 845.33 504.95 841.25 491.73
+ C 835.60 473.41 817.12 467.80 799.94 468.36
+ Q 792.55 468.60 786.54 470.93
+ C 773.07 476.17 757.22 487.42 750.19 500.91
+ Q 749.69 501.87 749.58 500.79
+ Z"
+/>
+<path fill="#73bc0b" d="
+ M 750.19 500.91
+ C 757.22 487.42 773.07 476.17 786.54 470.93
+ Q 792.55 468.60 799.94 468.36
+ C 817.12 467.80 835.60 473.41 841.25 491.73
+ C 845.33 504.95 840.73 518.96 829.47 526.96
+ C 820.87 533.08 809.27 533.54 798.97 532.38
+ C 790.93 531.48 784.73 531.94 777.71 535.55
+ C 766.77 541.17 758.81 551.93 759.76 564.54
+ Q 764.13 622.43 768.16 675.27
+ C 769.70 695.32 760.98 706.77 740.55 708.46
+ C 729.11 709.41 717.09 706.90 711.37 695.72
+ C 707.82 688.79 707.29 681.65 706.74 674.06
+ Q 701.07 596.97 694.72 515.78
+ Q 694.12 508.13 694.59 502.48
+ C 695.96 485.83 707.62 478.13 723.19 477.48
+ C 737.90 476.86 748.13 486.48 749.58 500.79
+ Q 749.69 501.87 750.19 500.91
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(350.17,480.41) rotate(72.3)" rx="11.54" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(123.44,476.49) rotate(90.0)" rx="5.77" ry="4.49"/>
+<circle fill="#ff8049" cx="979.60" cy="507.13" r="33.30"/>
+<path fill="#ff8049" d="
+ M 35.10 482.09
+ C 38.69 487.33 35.08 491.97 29.92 493.35
+ Q 20.41 495.90 14.97 488.47
+ Q 13.96 482.70 19.00 480.22
+ Q 27.61 475.98 35.10 482.09
+ Z"
+/>
+<path fill="#ff8049" d="
+ M 86.97 483.16
+ Q 90.37 491.70 83.01 496.59
+ Q 76.71 500.78 65.98 503.38
+ Q 62.40 504.25 56.15 503.57
+ Q 49.49 502.84 44.21 499.37
+ C 41.66 497.69 40.33 494.40 40.25 491.36
+ Q 40.11 486.59 42.05 483.14
+ C 43.78 482.31 45.02 481.27 46.93 481.21
+ Q 55.28 480.95 63.51 480.31
+ Q 67.41 480.01 73.95 478.90
+ Q 82.80 477.41 86.97 483.16
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(168.44,493.20) rotate(90.1)" rx="7.05" ry="5.77"/>
+<path fill="#73bc0b" d="
+ M 370.30 566.48
+ Q 399.15 577.30 423.96 561.98
+ Q 432.66 556.61 441.95 546.94
+ Q 445.09 567.61 453.83 585.44
+ C 466.24 610.76 488.37 629.02 517.09 630.59
+ Q 534.51 631.55 549.97 625.82
+ C 578.12 615.40 590.10 589.42 590.84 560.54
+ Q 590.86 559.95 590.27 559.99
+ Q 556.71 562.54 525.71 564.87
+ Q 520.79 565.24 515.64 564.57
+ C 495.03 561.93 487.00 547.38 486.90 528.34
+ C 486.80 506.70 500.82 496.26 521.63 494.61
+ Q 565.49 491.13 613.75 487.57
+ Q 620.59 487.07 627.93 488.27
+ C 654.13 492.56 659.37 515.82 661.23 537.95
+ C 666.47 600.25 644.24 659.78 586.44 688.12
+ Q 577.13 692.68 567.45 695.53
+ Q 522.99 708.60 480.45 697.99
+ C 418.61 682.56 381.15 626.57 370.30 566.48
+ Z"
+/>
+<path fill="#000000" d="
+ M 1287.46 595.81
+ L 1283.47 631.71
+ Q 1283.46 631.84 1283.53 631.95
+ Q 1283.61 632.06 1283.63 632.20
+ Q 1283.65 632.39 1283.47 632.46
+ Q 1282.98 632.65 1282.81 632.15
+ C 1274.67 607.37 1258.28 585.87 1239.43 567.45
+ Q 1237.93 565.97 1235.97 565.44
+ C 1204.36 556.79 1174.68 568.16 1159.03 596.80
+ Q 1151.51 610.57 1146.61 631.63
+ Q 1146.49 632.15 1146.32 631.65
+ Q 1145.44 629.05 1145.08 626.24
+ Q 1143.67 615.31 1143.31 609.94
+ L 1142.50 596.04
+ Q 1142.63 596.03 1142.76 596.01
+ Q 1142.79 596.01 1142.79 595.98
+ Q 1142.79 569.98 1151.32 544.77
+ Q 1156.76 528.67 1164.63 518.16
+ C 1182.19 494.70 1209.69 487.72 1237.24 495.77
+ C 1238.41 496.11 1238.85 496.94 1239.63 497.70
+ C 1263.74 520.98 1284.10 550.34 1287.33 584.39
+ C 1287.66 587.87 1287.12 591.95 1287.46 595.81
+ Z"
+/>
+<circle fill="#000000" cx="383.17" cy="498.34" r="4.48"/>
+<ellipse fill="#ff8049" cx="0.00" cy="0.00" transform="translate(27.21,507.56) rotate(-22.3)" rx="10.25" ry="7.69"/>
+<circle fill="#ff8049" cx="1053.51" cy="529.76" r="25.76"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(116.73,515.99) rotate(129.4)" rx="10.89" ry="8.34"/>
+<circle fill="#ff8049" cx="917.75" cy="547.86" r="25.76"/>
+<path fill="#73bc0b" d="
+ M 1059.79 602.86
+ Q 1059.89 603.66 1060.26 602.94
+ Q 1076.40 570.65 1092.32 539.09
+ C 1097.63 528.55 1107.86 523.64 1119.47 527.42
+ C 1135.70 532.71 1143.61 545.41 1135.36 561.88
+ Q 1087.05 658.29 1039.59 752.80
+ C 1031.69 768.54 1016.57 768.29 1003.41 759.08
+ C 990.92 750.34 995.06 737.88 1001.28 726.87
+ Q 1001.84 725.89 1000.85 726.43
+ C 988.67 733.07 975.80 736.81 962.51 735.28
+ C 936.09 732.22 921.34 708.39 917.89 684.16
+ C 913.00 649.77 927.15 614.40 949.72 588.57
+ C 973.53 561.33 1017.37 543.23 1046.51 574.04
+ Q 1057.70 585.87 1059.79 602.86
+ Z
+ M 1005.65 692.69
+ C 1022.59 683.36 1034.32 662.21 1036.68 643.51
+ C 1038.13 632.02 1035.91 619.09 1026.72 611.73
+ C 1018.15 604.86 1006.99 606.27 998.02 611.92
+ C 983.15 621.29 972.50 638.58 967.93 655.61
+ C 963.87 670.71 965.05 689.02 981.25 695.48
+ C 989.00 698.57 998.37 696.70 1005.65 692.69
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(378.64,538.74) rotate(17.7)" rx="17.41" ry="11.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(57.22,534.99) rotate(20.3)" rx="8.97" ry="5.13"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(193.51,537.56) rotate(90.0)" rx="5.13" ry="3.84"/>
+<path fill="#272727" d="
+ M 232.03 551.83
+ Q 232.92 552.03 232.95 552.75
+ Q 233.03 554.77 233.20 556.62
+ Q 234.61 572.35 237.54 588.90
+ Q 241.30 610.13 249.88 630.21
+ Q 257.05 646.99 268.60 661.74
+ Q 267.32 669.81 260.75 678.54
+ Q 250.43 678.87 240.83 682.43
+ L 240.31 678.77
+ Q 240.24 678.27 239.88 677.92
+ C 232.16 670.00 223.11 663.78 214.25 657.20
+ Q 203.45 649.19 198.72 642.70
+ Q 195.41 638.15 191.56 633.43
+ C 184.04 624.21 179.46 611.16 182.60 599.38
+ Q 183.86 594.70 187.55 589.47
+ Q 203.45 566.96 224.22 551.02
+ Q 224.65 550.69 225.21 550.69
+ Q 228.75 550.69 232.03 551.83
+ Z
+ M 260.50 663.22
+ C 246.97 644.78 238.20 624.39 232.98 602.25
+ Q 228.54 583.38 226.19 559.74
+ Q 226.11 559.00 225.54 559.47
+ Q 207.51 574.21 193.91 593.47
+ Q 190.86 597.79 189.84 601.34
+ C 187.05 610.99 191.92 622.45 198.25 629.80
+ Q 200.83 632.80 203.36 636.36
+ Q 208.12 643.08 215.09 648.42
+ C 225.23 656.19 235.90 663.19 245.09 672.56
+ Q 245.52 673.00 246.13 672.90
+ L 256.13 671.27
+ Q 256.73 671.17 257.02 670.63
+ L 260.56 664.17
+ Q 260.84 663.68 260.50 663.22
+ Z"
+/>
+<path fill="#dba200" d="
+ M 250.08 553.65
+ Q 248.99 562.06 250.03 570.50
+ C 253.01 594.72 261.39 618.99 271.83 640.51
+ Q 271.68 642.92 271.51 645.50
+ Q 271.35 647.93 270.82 650.44
+ Q 269.71 655.69 268.60 661.74
+ Q 257.05 646.99 249.88 630.21
+ Q 241.30 610.13 237.54 588.90
+ Q 234.61 572.35 233.20 556.62
+ Q 233.03 554.77 232.95 552.75
+ Q 232.92 552.03 232.03 551.83
+ L 232.37 551.53
+ Q 232.72 551.22 233.20 551.29
+ L 250.08 553.65
+ Z"
+/>
+<path fill="#272727" d="
+ M 271.83 640.51
+ C 261.39 618.99 253.01 594.72 250.03 570.50
+ Q 248.99 562.06 250.08 553.65
+ Q 261.08 553.76 270.71 552.11
+ Q 271.21 552.02 271.24 552.53
+ Q 272.92 584.84 272.72 621.74
+ Q 272.67 632.41 271.83 640.51
+ Z
+ M 264.89 603.82
+ Q 264.90 603.87 264.94 603.92
+ Q 265.28 604.40 265.28 603.81
+ Q 265.01 582.11 264.22 561.03
+ Q 264.20 560.61 263.78 560.64
+ L 257.12 561.11
+ Q 256.79 561.13 256.80 561.46
+ Q 257.62 581.41 264.89 603.82
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(294.45,569.71) rotate(90.3)" rx="5.12" ry="4.49"/>
+<path fill="#272727" d="
+ M 855.7399 744.9579
+ A 32.26 32.26 0.0 0 1 812.4750 759.4342
+ L 810.9715 758.6846
+ A 32.26 32.26 0.0 0 1 796.4953 715.4197
+ L 857.6601 592.7421
+ A 32.26 32.26 0.0 0 1 900.9250 578.2658
+ L 902.4285 579.0154
+ A 32.26 32.26 0.0 0 1 916.9047 622.2803
+ L 855.7399 744.9579
+ Z
+ M 910.1080 619.1710
+ A 25.09 25.09 0.0 0 0 898.8492 585.5220
+ L 897.8827 585.0401
+ A 25.09 25.09 0.0 0 0 864.2337 596.2989
+ L 803.2920 718.5290
+ A 25.09 25.09 0.0 0 0 814.5508 752.1780
+ L 815.5173 752.6599
+ A 25.09 25.09 0.0 0 0 849.1663 741.4011
+ L 910.1080 619.1710
+ Z"
+/>
+<rect fill="#73bc0b" x="-25.63" y="-93.38" transform="translate(856.70,668.85) rotate(26.5)" width="51.26" height="186.76" rx="25.09"/>
+<path fill="#ad8f00" d="
+ M 1142.50 596.04
+ L 1143.31 609.94
+ Q 1142.69 609.92 1142.95 610.71
+ Q 1141.96 603.21 1142.43 595.66
+ Q 1142.44 595.62 1142.41 595.61
+ Q 1142.39 595.59 1142.38 595.61
+ Q 1142.38 595.63 1142.37 595.64
+ Q 1142.35 595.94 1142.50 596.04
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(159.43,607.00) rotate(101.7)" rx="7.68" ry="4.49"/>
+<path fill="#272727" d="
+ M 1036.68 643.51
+ C 1034.32 662.21 1022.59 683.36 1005.65 692.69
+ C 998.37 696.70 989.00 698.57 981.25 695.48
+ C 965.05 689.02 963.87 670.71 967.93 655.61
+ C 972.50 638.58 983.15 621.29 998.02 611.92
+ C 1006.99 606.27 1018.15 604.86 1026.72 611.73
+ C 1035.91 619.09 1038.13 632.02 1036.68 643.51
+ Z
+ M 1024.52 659.21
+ C 1029.27 648.31 1032.00 634.37 1026.87 623.85
+ C 1020.71 611.22 1007.79 612.97 998.53 620.64
+ Q 979.07 636.76 974.00 663.00
+ Q 973.04 667.98 973.57 673.03
+ C 975.60 692.40 993.57 692.92 1006.30 683.42
+ Q 1017.66 674.94 1024.52 659.21
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(282.23,624.35) rotate(89.2)" rx="10.90" ry="6.41"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(173.58,641.71) rotate(89.8)" rx="5.12" ry="4.49"/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(283.51,680.93) rotate(90.4)" rx="4.48" ry="3.83"/>
+<path fill="#e7f7fd" d="
+ M 260.75 678.54
+ Q 259.89 681.07 258.96 683.82
+ Q 256.46 691.23 261.73 693.70
+ Q 264.21 694.85 269.22 695.13
+ C 275.18 695.45 279.72 696.59 285.28 693.07
+ Q 285.89 692.69 286.10 693.38
+ Q 286.21 693.78 286.33 694.19
+ Q 286.64 695.23 286.80 694.16
+ C 287.00 692.83 287.31 691.63 288.19 690.54
+ Q 290.00 688.28 291.54 685.60
+ C 298.01 689.73 302.98 694.88 308.40 699.81
+ C 313.62 704.55 314.48 712.61 313.73 719.40
+ Q 313.67 719.89 313.35 720.27
+ C 309.45 724.85 305.30 727.93 300.52 731.14
+ Q 298.71 732.35 296.44 734.64
+ Q 294.49 736.63 292.48 738.09
+ Q 279.42 737.11 267.00 739.14
+ Q 266.49 739.22 266.11 738.88
+ Q 264.85 737.77 263.11 737.31
+ Q 262.63 737.18 262.38 736.75
+ Q 261.92 735.95 262.51 735.23
+ Q 263.34 734.21 262.04 734.14
+ C 254.74 733.71 254.37 723.13 247.76 720.78
+ Q 244.61 719.66 242.39 718.81
+ L 238.07 706.87
+ Q 239.36 703.07 239.94 700.50
+ Q 241.80 692.24 240.83 682.43
+ Q 250.43 678.87 260.75 678.54
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 201.81 679.91
+ Q 202.32 679.79 202.71 680.07
+ C 208.46 684.22 210.78 690.66 211.70 698.00
+ Q 212.58 705.06 210.94 719.78
+ Q 211.90 722.57 209.71 726.29
+ Q 209.42 726.78 209.41 727.35
+ Q 209.32 731.42 207.65 734.00
+ C 205.71 737.00 205.34 741.68 205.35 745.21
+ Q 203.11 748.55 199.71 750.70
+ Q 198.68 751.35 197.08 753.98
+ Q 195.76 753.07 195.83 750.37
+ Q 195.88 748.65 195.38 747.89
+ Q 194.61 746.70 193.24 746.23
+ C 192.42 744.83 192.86 743.53 191.13 742.64
+ Q 182.40 738.14 174.26 733.72
+ C 167.75 730.18 162.44 726.72 158.11 721.29
+ C 152.50 714.26 165.45 699.09 170.29 694.62
+ Q 170.93 694.04 171.08 694.89
+ C 171.62 697.95 173.77 705.01 178.12 702.80
+ Q 179.51 702.09 179.95 700.51
+ Q 180.93 696.93 183.03 694.52
+ Q 190.45 686.00 201.81 679.91
+ Z"
+/>
+<ellipse fill="#000000" cx="0.00" cy="0.00" transform="translate(223.73,690.57) rotate(0.1)" rx="4.49" ry="3.84"/>
+<path fill="#1938d5" d="
+ M 238.07 706.87
+ L 242.39 718.81
+ L 233.18 715.33
+ Q 236.21 711.80 238.07 706.87
+ Z"
+/>
+<path fill="#ff5698" d="
+ M 233.18 715.33
+ L 242.39 718.81
+ Q 244.61 719.66 247.76 720.78
+ C 254.37 723.13 254.74 733.71 262.04 734.14
+ Q 263.34 734.21 262.51 735.23
+ Q 261.92 735.95 262.38 736.75
+ Q 262.63 737.18 263.11 737.31
+ Q 264.85 737.77 266.11 738.88
+ Q 266.49 739.22 267.00 739.14
+ Q 279.42 737.11 292.48 738.09
+ Q 298.31 738.93 304.03 741.42
+ C 306.84 742.64 309.83 742.97 312.30 744.73
+ Q 315.82 747.22 319.95 751.56
+ Q 321.31 752.99 321.65 754.85
+ Q 323.09 762.81 319.23 769.41
+ C 317.87 771.72 313.23 772.36 310.75 773.09
+ A 1.78 1.78 0.0 0 0 309.66 775.60
+ C 310.69 777.64 311.30 779.85 312.50 781.75
+ C 314.45 784.83 317.06 788.05 318.64 791.45
+ Q 319.44 793.16 321.09 794.78
+ C 324.17 797.81 324.88 803.79 326.25 807.94
+ C 327.46 811.60 326.50 815.00 322.75 816.32
+ C 318.75 817.73 316.62 815.35 315.12 811.72
+ C 312.05 804.27 309.86 796.07 303.95 789.76
+ Q 300.68 786.26 297.73 782.95
+ C 296.54 781.61 295.82 779.88 294.65 778.55
+ Q 288.32 771.38 282.27 763.85
+ L 275.07 756.62
+ Q 273.11 755.55 270.91 754.76
+ C 267.40 753.50 264.90 751.07 261.97 748.30
+ C 260.89 747.27 259.40 746.18 257.84 746.21
+ Q 249.75 746.39 242.04 748.00
+ L 237.72 750.20
+ Q 237.18 750.47 237.76 750.67
+ L 240.93 751.73
+ Q 243.78 752.50 246.58 753.14
+ C 248.89 753.68 250.44 754.85 252.27 756.16
+ Q 252.66 756.44 253.15 756.45
+ Q 257.96 756.54 263.08 756.47
+ C 266.30 756.42 272.93 760.65 269.36 764.36
+ A 1.44 1.42 -71.8 0 1 268.54 764.78
+ Q 267.23 764.98 265.96 764.67
+ Q 261.86 763.66 257.16 764.16
+ Q 256.50 764.23 256.87 764.79
+ C 258.15 766.69 260.31 767.60 261.91 768.99
+ Q 262.86 769.82 264.29 771.75
+ Q 265.42 773.28 266.73 774.58
+ Q 268.56 777.63 269.89 779.11
+ C 272.46 781.97 277.89 786.99 272.23 790.33
+ Q 271.76 790.60 271.24 790.45
+ Q 269.22 789.85 268.56 788.42
+ Q 266.97 784.93 264.93 781.65
+ Q 260.21 774.52 258.50 772.76
+ Q 257.25 771.48 254.70 770.60
+ C 251.98 769.67 250.41 766.82 248.28 764.92
+ A 1.43 1.42 57.4 0 0 246.94 764.62
+ Q 239.48 766.76 233.92 772.43
+ Q 232.53 773.85 225.73 776.34
+ L 223.65 776.34
+ Q 222.92 776.35 222.97 775.62
+ Q 223.06 774.43 223.56 773.25
+ Q 223.77 772.76 223.63 772.25
+ Q 222.25 767.33 226.65 765.04
+ C 227.71 764.49 228.01 763.48 229.05 762.84
+ Q 232.83 760.53 236.78 758.82
+ L 239.90 757.66
+ Q 240.38 757.48 239.93 757.22
+ Q 239.17 756.78 238.30 756.60
+ L 232.78 753.92
+ A 0.90 0.88 43.9 0 0 232.01 753.93
+ Q 225.20 757.37 219.79 761.66
+ C 214.47 765.88 208.22 769.34 202.39 772.96
+ Q 201.86 773.29 202.23 773.79
+ Q 203.81 775.86 205.93 776.77
+ Q 208.81 778.02 211.41 779.90
+ C 212.50 780.69 213.55 780.87 214.88 780.80
+ A 2.23 2.23 0.0 0 1 217.05 783.88
+ Q 216.15 786.04 214.81 788.23
+ A 1.36 1.33 9.6 0 1 213.95 788.83
+ Q 210.25 789.60 207.32 787.50
+ C 205.66 786.30 202.74 785.52 201.71 783.89
+ Q 199.42 780.25 196.19 777.09
+ A 2.02 2.02 0.0 0 0 192.76 778.60
+ Q 192.82 780.29 192.76 782.13
+ C 192.65 785.07 194.36 787.11 194.70 790.01
+ Q 194.93 791.97 195.58 793.93
+ Q 197.11 798.49 196.68 803.81
+ Q 196.64 804.35 196.27 804.77
+ Q 194.27 807.03 191.29 808.32
+ Q 190.46 808.67 189.85 808.01
+ Q 188.23 806.27 188.27 804.24
+ Q 188.36 798.74 188.31 793.39
+ Q 188.29 791.65 188.88 786.66
+ Q 189.31 782.88 188.66 778.97
+ Q 188.84 778.61 188.80 778.26
+ A 0.75 0.75 0.0 0 0 188.20 777.59
+ L 186.76 777.31
+ Q 186.49 777.26 186.44 777.52
+ Q 186.41 777.66 186.38 777.80
+ Q 186.27 778.28 185.89 778.59
+ Q 183.44 780.55 182.06 783.23
+ A 2.89 2.78 85.3 0 1 181.35 784.10
+ L 180.35 784.93
+ A 0.84 0.83 53.8 0 0 180.19 786.03
+ Q 180.58 786.63 180.28 787.21
+ A 0.83 0.81 -81.2 0 1 179.75 787.61
+ Q 173.53 789.07 168.23 787.98
+ Q 167.51 787.84 167.86 788.48
+ C 168.59 789.81 169.61 790.90 170.08 792.36
+ Q 171.65 797.21 171.80 802.54
+ Q 171.86 804.38 170.01 804.41
+ L 168.62 804.43
+ Q 167.17 804.45 166.91 803.02
+ Q 166.53 800.88 166.60 798.46
+ Q 166.62 797.86 166.35 797.32
+ L 162.57 789.78
+ A 0.86 0.86 0.0 0 0 161.30 789.47
+ Q 158.71 791.32 156.13 791.80
+ Q 154.47 786.58 159.34 784.92
+ A 0.46 0.46 0.0 0 0 159.41 784.07
+ L 154.79 781.69
+ A 0.96 0.93 6.6 0 1 154.32 781.12
+ Q 153.36 777.97 153.91 774.93
+ C 154.58 771.21 158.81 772.09 157.83 767.22
+ Q 155.39 755.12 159.37 743.68
+ Q 159.92 742.09 162.30 740.25
+ Q 163.64 739.22 165.14 739.17
+ Q 167.07 739.10 168.76 739.36
+ Q 171.58 739.78 174.75 740.11
+ Q 179.15 740.56 180.72 740.98
+ Q 187.30 742.75 193.24 746.23
+ Q 194.61 746.70 195.38 747.89
+ Q 195.88 748.65 195.83 750.37
+ Q 195.76 753.07 197.08 753.98
+ Q 196.12 755.33 196.09 757.00
+ Q 196.08 757.60 196.60 757.31
+ C 201.34 754.67 207.36 754.83 212.67 754.44
+ Q 215.04 754.27 216.86 752.93
+ Q 219.13 751.25 216.31 751.22
+ Q 214.22 751.19 212.00 751.30
+ Q 205.52 751.61 205.35 745.21
+ C 205.34 741.68 205.71 737.00 207.65 734.00
+ Q 209.32 731.42 209.41 727.35
+ Q 209.42 726.78 209.71 726.29
+ Q 211.90 722.57 210.94 719.78
+ Q 213.51 715.55 216.16 713.36
+ Q 216.55 713.04 217.05 713.03
+ Q 221.20 712.96 225.25 713.03
+ Q 227.90 713.07 233.18 715.33
+ Z
+ M 216.74 735.57
+ L 216.54 739.41
+ A 1.73 1.72 -83.1 0 0 217.94 741.20
+ C 221.63 741.88 226.10 739.97 229.43 739.44
+ Q 233.26 738.84 235.99 738.11
+ Q 239.17 737.27 242.49 736.44
+ Q 243.56 737.00 244.98 736.47
+ Q 247.59 735.49 246.62 732.93
+ Q 245.75 730.63 241.89 728.88
+ Q 239.48 727.56 236.70 727.28
+ Q 232.72 726.89 231.84 726.69
+ Q 229.43 726.14 227.04 725.59
+ L 219.67 724.08
+ Q 219.15 723.97 219.05 724.49
+ L 216.74 735.57
+ Z
+ M 283.88 750.64
+ Q 285.47 753.00 288.05 754.70
+ Q 292.94 757.92 298.42 761.07
+ C 302.16 763.23 307.60 764.17 308.98 758.65
+ C 310.46 752.70 305.46 748.55 300.47 746.60
+ Q 297.81 745.56 293.71 745.48
+ Q 290.25 745.42 286.72 745.59
+ L 279.38 745.41
+ Q 277.13 745.35 278.90 746.74
+ L 283.88 750.64
+ Z
+ M 184.98 756.47
+ C 185.63 753.56 185.46 750.83 183.06 749.35
+ Q 180.18 747.56 176.49 747.65
+ Q 175.18 747.68 174.37 746.79
+ Q 173.94 746.32 173.31 746.30
+ L 167.08 746.16
+ A 2.28 2.27 0.7 0 0 164.75 748.42
+ L 164.71 757.69
+ Q 164.70 758.80 165.73 759.25
+ C 168.98 760.65 174.00 760.74 178.03 761.15
+ C 179.49 761.29 180.78 760.80 181.75 759.73
+ Q 183.09 758.26 184.59 757.09
+ Q 184.90 756.85 184.98 756.47
+ Z
+ M 179.57 776.35
+ L 181.60 773.77
+ Q 183.25 771.66 180.57 771.75
+ Q 172.17 772.04 168.40 770.23
+ Q 167.15 769.63 167.27 771.01
+ L 167.82 776.97
+ A 2.04 2.03 -89.3 0 0 169.61 778.81
+ Q 172.60 779.17 175.40 778.77
+ A 6.47 6.45 -75.1 0 0 179.57 776.35
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 227.04 725.59
+ C 223.56 729.74 220.80 733.49 216.74 735.57
+ L 219.05 724.49
+ Q 219.15 723.97 219.67 724.08
+ L 227.04 725.59
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 227.04 725.59
+ Q 229.43 726.14 231.84 726.69
+ Q 232.72 726.89 236.70 727.28
+ Q 239.48 727.56 241.89 728.88
+ Q 240.77 732.73 242.49 736.44
+ Q 239.17 737.27 235.99 738.11
+ Q 233.26 738.84 229.43 739.44
+ C 226.10 739.97 221.63 741.88 217.94 741.20
+ A 1.73 1.72 -83.1 0 1 216.54 739.41
+ L 216.74 735.57
+ C 220.80 733.49 223.56 729.74 227.04 725.59
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 241.89 728.88
+ Q 245.75 730.63 246.62 732.93
+ Q 247.59 735.49 244.98 736.47
+ Q 243.56 737.00 242.49 736.44
+ Q 240.77 732.73 241.89 728.88
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 205.35 745.21
+ Q 205.52 751.61 212.00 751.30
+ Q 214.22 751.19 216.31 751.22
+ Q 219.13 751.25 216.86 752.93
+ Q 215.04 754.27 212.67 754.44
+ C 207.36 754.83 201.34 754.67 196.60 757.31
+ Q 196.08 757.60 196.09 757.00
+ Q 196.12 755.33 197.08 753.98
+ Q 198.68 751.35 199.71 750.70
+ Q 203.11 748.55 205.35 745.21
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 286.72 745.59
+ Q 285.87 749.28 283.88 750.64
+ L 278.90 746.74
+ Q 277.13 745.35 279.38 745.41
+ L 286.72 745.59
+ Z"
+/>
+<path fill="#272727" d="
+ M 283.88 750.64
+ Q 285.87 749.28 286.72 745.59
+ Q 290.25 745.42 293.71 745.48
+ Q 297.81 745.56 300.47 746.60
+ C 305.46 748.55 310.46 752.70 308.98 758.65
+ C 307.60 764.17 302.16 763.23 298.42 761.07
+ Q 292.94 757.92 288.05 754.70
+ Q 285.47 753.00 283.88 750.64
+ Z"
+/>
+<path fill="#272727" d="
+ M 183.06 749.35
+ C 185.46 750.83 185.63 753.56 184.98 756.47
+ Q 184.90 756.85 184.59 757.09
+ Q 183.09 758.26 181.75 759.73
+ C 180.78 760.80 179.49 761.29 178.03 761.15
+ C 174.00 760.74 168.98 760.65 165.73 759.25
+ Q 164.70 758.80 164.71 757.69
+ L 164.75 748.42
+ A 2.28 2.27 0.7 0 1 167.08 746.16
+ L 173.31 746.30
+ Q 173.94 746.32 174.37 746.79
+ Q 175.18 747.68 176.49 747.65
+ Q 180.18 747.56 183.06 749.35
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 275.07 756.62
+ Q 271.58 762.52 268.93 768.42
+ Q 267.65 771.27 266.73 774.58
+ Q 265.42 773.28 264.29 771.75
+ Q 262.86 769.82 261.91 768.99
+ C 260.31 767.60 258.15 766.69 256.87 764.79
+ Q 256.50 764.23 257.16 764.16
+ Q 261.86 763.66 265.96 764.67
+ Q 267.23 764.98 268.54 764.78
+ A 1.44 1.42 -71.8 0 0 269.36 764.36
+ C 272.93 760.65 266.30 756.42 263.08 756.47
+ Q 257.96 756.54 253.15 756.45
+ Q 252.66 756.44 252.27 756.16
+ C 250.44 754.85 248.89 753.68 246.58 753.14
+ Q 243.78 752.50 240.93 751.73
+ L 242.04 748.00
+ Q 249.75 746.39 257.84 746.21
+ C 259.40 746.18 260.89 747.27 261.97 748.30
+ C 264.90 751.07 267.40 753.50 270.91 754.76
+ Q 273.11 755.55 275.07 756.62
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 242.04 748.00
+ L 240.93 751.73
+ L 237.76 750.67
+ Q 237.18 750.47 237.72 750.20
+ L 242.04 748.00
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 238.30 756.60
+ Q 237.27 757.59 236.78 758.82
+ Q 232.83 760.53 229.05 762.84
+ C 228.01 763.48 227.71 764.49 226.65 765.04
+ Q 222.25 767.33 223.63 772.25
+ Q 223.77 772.76 223.56 773.25
+ Q 223.06 774.43 222.97 775.62
+ Q 222.92 776.35 223.65 776.34
+ L 225.73 776.34
+ L 222.93 780.34
+ Q 219.98 781.68 220.08 785.46
+ L 216.83 792.74
+ Q 212.45 794.95 211.61 796.11
+ Q 208.82 799.90 210.66 804.68
+ Q 204.99 813.96 202.77 824.57
+ C 201.80 829.20 200.60 833.16 199.00 837.45
+ Q 197.61 841.18 196.90 847.25
+ Q 195.96 855.32 195.97 858.50
+ Q 196.07 875.25 195.98 892.32
+ Q 188.90 889.74 182.82 885.46
+ C 179.82 883.33 177.64 880.52 175.42 877.66
+ Q 175.07 877.21 174.56 877.48
+ Q 169.38 880.24 165.26 881.47
+ Q 163.49 881.99 160.13 881.62
+ Q 157.81 876.81 156.66 874.04
+ Q 154.04 867.73 153.80 860.50
+ C 153.45 850.22 154.01 839.66 158.31 830.46
+ C 160.27 826.25 162.05 822.04 163.83 817.76
+ Q 165.11 814.70 166.69 813.16
+ Q 178.54 801.64 184.60 791.08
+ Q 187.12 786.70 188.66 778.97
+ Q 189.31 782.88 188.88 786.66
+ Q 188.29 791.65 188.31 793.39
+ Q 188.36 798.74 188.27 804.24
+ Q 188.23 806.27 189.85 808.01
+ Q 190.46 808.67 191.29 808.32
+ Q 194.27 807.03 196.27 804.77
+ Q 196.64 804.35 196.68 803.81
+ Q 197.11 798.49 195.58 793.93
+ Q 194.93 791.97 194.70 790.01
+ C 194.36 787.11 192.65 785.07 192.76 782.13
+ Q 192.82 780.29 192.76 778.60
+ A 2.02 2.02 0.0 0 1 196.19 777.09
+ Q 199.42 780.25 201.71 783.89
+ C 202.74 785.52 205.66 786.30 207.32 787.50
+ Q 210.25 789.60 213.95 788.83
+ A 1.36 1.33 9.6 0 0 214.81 788.23
+ Q 216.15 786.04 217.05 783.88
+ A 2.23 2.23 0.0 0 0 214.88 780.80
+ C 213.55 780.87 212.50 780.69 211.41 779.90
+ Q 208.81 778.02 205.93 776.77
+ Q 203.81 775.86 202.23 773.79
+ Q 201.86 773.29 202.39 772.96
+ C 208.22 769.34 214.47 765.88 219.79 761.66
+ Q 225.20 757.37 232.01 753.93
+ A 0.90 0.88 43.9 0 1 232.78 753.92
+ L 238.30 756.60
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 238.30 756.60
+ Q 239.17 756.78 239.93 757.22
+ Q 240.38 757.48 239.90 757.66
+ L 236.78 758.82
+ Q 237.27 757.59 238.30 756.60
+ Z"
+/>
+<path fill="#1938d5" d="
+ M 275.07 756.62
+ L 282.27 763.85
+ Q 280.42 771.53 280.96 779.22
+ C 281.06 780.66 281.53 781.84 281.70 783.25
+ Q 282.19 787.33 282.94 791.16
+ Q 283.35 793.27 284.13 799.26
+ Q 284.77 804.13 286.30 808.56
+ Q 288.77 815.73 292.54 824.59
+ C 296.77 834.51 296.43 846.91 295.31 858.31
+ Q 294.81 863.36 294.55 868.40
+ Q 293.72 868.97 293.67 870.65
+ Q 293.67 870.79 293.57 870.86
+ Q 293.46 870.93 293.32 870.96
+ Q 293.20 870.99 293.16 871.10
+ Q 289.36 881.17 282.23 890.33
+ Q 281.43 891.37 280.38 891.87
+ Q 274.59 894.62 265.98 897.63
+ Q 260.57 899.52 256.55 900.03
+ Q 256.88 881.35 256.78 875.00
+ C 256.73 871.67 256.02 867.45 256.03 863.66
+ C 256.04 852.12 255.74 840.60 256.44 829.01
+ Q 256.84 822.32 257.17 815.53
+ C 258.62 816.27 260.15 816.00 260.52 814.23
+ Q 260.92 812.37 259.88 810.61
+ Q 258.78 808.73 257.69 806.85
+ Q 260.86 800.99 262.47 794.94
+ C 267.72 794.62 265.41 790.04 263.98 787.27
+ L 264.93 781.65
+ Q 266.97 784.93 268.56 788.42
+ Q 269.22 789.85 271.24 790.45
+ Q 271.76 790.60 272.23 790.33
+ C 277.89 786.99 272.46 781.97 269.89 779.11
+ Q 268.56 777.63 266.73 774.58
+ Q 267.65 771.27 268.93 768.42
+ Q 271.58 762.52 275.07 756.62
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 264.93 781.65
+ L 263.98 787.27
+ C 255.68 785.71 249.71 785.83 242.28 785.83
+ Q 239.54 785.84 236.86 784.85
+ Q 230.01 782.34 222.93 780.34
+ L 225.73 776.34
+ Q 232.53 773.85 233.92 772.43
+ Q 239.48 766.76 246.94 764.62
+ A 1.43 1.42 57.4 0 1 248.28 764.92
+ C 250.41 766.82 251.98 769.67 254.70 770.60
+ Q 257.25 771.48 258.50 772.76
+ Q 260.21 774.52 264.93 781.65
+ Z"
+/>
+<path fill="#272727" d="
+ M 179.57 776.35
+ A 6.47 6.45 -75.1 0 1 175.40 778.77
+ Q 172.60 779.17 169.61 778.81
+ A 2.04 2.03 -89.3 0 1 167.82 776.97
+ L 167.27 771.01
+ Q 167.15 769.63 168.40 770.23
+ Q 172.17 772.04 180.57 771.75
+ Q 183.25 771.66 181.60 773.77
+ L 179.57 776.35
+ Z"
+/>
+<path fill="#a7d1df" d="
+ M 188.66 778.97
+ Q 187.12 786.70 184.60 791.08
+ Q 178.54 801.64 166.69 813.16
+ Q 165.11 814.70 163.83 817.76
+ C 162.05 822.04 160.27 826.25 158.31 830.46
+ C 154.01 839.66 153.45 850.22 153.80 860.50
+ Q 154.04 867.73 156.66 874.04
+ Q 157.81 876.81 160.13 881.62
+ L 136.22 881.13
+ Q 130.77 873.30 128.07 864.71
+ Q 126.05 858.30 126.51 850.50
+ Q 127.18 838.91 127.80 827.31
+ Q 127.83 826.72 128.16 826.23
+ Q 135.42 815.42 142.70 804.16
+ Q 145.31 800.12 148.58 797.28
+ Q 152.10 794.23 156.13 791.80
+ Q 158.71 791.32 161.30 789.47
+ A 0.86 0.86 0.0 0 1 162.57 789.78
+ L 166.35 797.32
+ Q 166.62 797.86 166.60 798.46
+ Q 166.53 800.88 166.91 803.02
+ Q 167.17 804.45 168.62 804.43
+ L 170.01 804.41
+ Q 171.86 804.38 171.80 802.54
+ Q 171.65 797.21 170.08 792.36
+ C 169.61 790.90 168.59 789.81 167.86 788.48
+ Q 167.51 787.84 168.23 787.98
+ Q 173.53 789.07 179.75 787.61
+ A 0.83 0.81 -81.2 0 0 180.28 787.21
+ Q 180.58 786.63 180.19 786.03
+ A 0.84 0.83 53.8 0 1 180.35 784.93
+ L 181.35 784.10
+ A 2.89 2.78 85.3 0 0 182.06 783.23
+ Q 183.44 780.55 185.89 778.59
+ Q 186.27 778.28 186.38 777.80
+ Q 186.41 777.66 186.44 777.52
+ Q 186.49 777.26 186.76 777.31
+ L 188.20 777.59
+ A 0.75 0.75 0.0 0 1 188.80 778.26
+ Q 188.84 778.61 188.66 778.97
+ Z"
+/>
+<path fill="#ff5698" d="
+ M 222.93 780.34
+ Q 230.01 782.34 236.86 784.85
+ Q 239.54 785.84 242.28 785.83
+ C 249.71 785.83 255.68 785.71 263.98 787.27
+ C 265.41 790.04 267.72 794.62 262.47 794.94
+ C 258.06 794.35 253.70 792.95 249.12 794.03
+ Q 248.59 794.16 248.90 794.61
+ C 250.33 796.65 252.41 797.62 253.75 799.67
+ Q 255.99 803.08 257.69 806.85
+ Q 258.78 808.73 259.88 810.61
+ Q 260.92 812.37 260.52 814.23
+ C 260.15 816.00 258.62 816.27 257.17 815.53
+ C 252.12 815.33 249.82 813.05 247.55 808.57
+ C 245.14 803.82 239.67 801.05 235.06 798.39
+ Q 234.49 798.06 233.90 798.38
+ Q 229.93 800.52 225.55 801.77
+ Q 223.53 802.35 222.34 804.24
+ A 1.19 1.18 -77.2 0 1 221.49 804.78
+ Q 215.88 805.43 210.66 804.68
+ Q 208.82 799.90 211.61 796.11
+ Q 212.45 794.95 216.83 792.74
+ C 220.14 791.68 222.87 791.79 226.11 789.49
+ Q 226.42 789.27 226.16 788.99
+ Q 224.46 787.16 223.02 786.89
+ Q 220.92 786.48 220.08 785.46
+ Q 219.98 781.68 222.93 780.34
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 220.08 785.46
+ Q 220.92 786.48 223.02 786.89
+ Q 224.46 787.16 226.16 788.99
+ Q 226.42 789.27 226.11 789.49
+ C 222.87 791.79 220.14 791.68 216.83 792.74
+ L 220.08 785.46
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 262.47 794.94
+ Q 260.86 800.99 257.69 806.85
+ Q 255.99 803.08 253.75 799.67
+ C 252.41 797.62 250.33 796.65 248.90 794.61
+ Q 248.59 794.16 249.12 794.03
+ C 253.70 792.95 258.06 794.35 262.47 794.94
+ Z"
+/>
+<path fill="#e7f7fd" d="
+ M 257.17 815.53
+ Q 256.84 822.32 256.44 829.01
+ C 255.74 840.60 256.04 852.12 256.03 863.66
+ C 256.02 867.45 256.73 871.67 256.78 875.00
+ Q 256.88 881.35 256.55 900.03
+ Q 245.70 901.65 234.62 901.56
+ Q 226.62 901.48 218.57 899.53
+ Q 207.00 896.73 195.98 892.32
+ Q 196.07 875.25 195.97 858.50
+ Q 195.96 855.32 196.90 847.25
+ Q 197.61 841.18 199.00 837.45
+ C 200.60 833.16 201.80 829.20 202.77 824.57
+ Q 204.99 813.96 210.66 804.68
+ Q 215.88 805.43 221.49 804.78
+ A 1.19 1.18 -77.2 0 0 222.34 804.24
+ Q 223.53 802.35 225.55 801.77
+ Q 229.93 800.52 233.90 798.38
+ Q 234.49 798.06 235.06 798.39
+ C 239.67 801.05 245.14 803.82 247.55 808.57
+ C 249.82 813.05 252.12 815.33 257.17 815.53
+ Z"
+/>
+<path fill="#28662a" d="
+ M 294.55 868.40
+ C 294.41 870.64 294.46 872.69 293.83 874.82
+ C 291.69 882.03 288.03 889.01 283.25 895.06
+ Q 281.67 897.07 278.86 898.36
+ Q 265.29 904.64 255.70 906.16
+ Q 246.44 907.63 233.46 907.55
+ Q 225.72 907.51 218.00 905.46
+ Q 204.15 901.81 193.41 897.17
+ C 187.26 894.51 180.40 890.60 176.55 885.02
+ Q 176.22 884.54 175.68 884.76
+ Q 172.53 886.06 169.22 887.26
+ C 167.84 887.76 166.94 887.48 165.61 887.45
+ Q 153.69 887.25 141.71 887.08
+ Q 140.79 887.07 140.03 886.66
+ Q 139.50 886.37 139.00 885.37
+ Q 137.93 883.28 136.22 881.13
+ L 160.13 881.62
+ Q 163.49 881.99 165.26 881.47
+ Q 169.38 880.24 174.56 877.48
+ Q 175.07 877.21 175.42 877.66
+ C 177.64 880.52 179.82 883.33 182.82 885.46
+ Q 188.90 889.74 195.98 892.32
+ Q 207.00 896.73 218.57 899.53
+ Q 226.62 901.48 234.62 901.56
+ Q 245.70 901.65 256.55 900.03
+ Q 260.57 899.52 265.98 897.63
+ Q 274.59 894.62 280.38 891.87
+ Q 281.43 891.37 282.23 890.33
+ Q 289.36 881.17 293.16 871.10
+ Q 293.20 870.99 293.32 870.96
+ Q 293.46 870.93 293.57 870.86
+ Q 293.67 870.79 293.67 870.65
+ Q 293.72 868.97 294.55 868.40
+ Z"
+/>
+</svg>